/************************************************ GET CSS ***
*	LEFT HAND MENU STYING FOR SMART, CONNECT, LIGHT, & TOWER
*	CREATED BY STEWART ORR, LAST UPDATED 24/06/2006
************************************************************/

#navigation #login_nav { background-color:#009530; }

	#navigation h3 {
		display: none;
	}
	#navigation ul#main_menu {
		border-left: 1px solid #fff;
		list-style-type: none;
		margin: 0;
		padding: 0;
		position: relative;
		z-index: 99;
		/* using position and zindex to fix overlapping issue, esp in opera */
	}
	#navigation ul#main_menu li {
		display: inline;
		padding: 0;
	}
	#navigation ul#main_menu li a {
		/*background: #666 url(../images/cat_none_bg.gif) repeat-x;*/
		background: #009530  ;
		border-bottom: 1px solid #fff;
		color: #fff;
		display: block;
		font: normal 130% "Trebuchet MS", Verdana, sans-serif;
		padding: 7px 0 9px 9px;
		text-decoration: none;
		margin: 0;
		width: 170px;
	}
	#navigation ul#main_menu li a:hover {
		text-decoration: underline;
	}
	/* colours for each main category */
	#navigation ul#main_menu li#smarthome_sub a { color: #fff; background: url(../images/cat_schneider_bg.gif) left top #009530 repeat-x; }
	#navigation ul#main_menu li#clipsal_sub a { color: #fff; background: #665858  url(../images/cat_clipsal_bg.gif) left top repeat-x; /**/ }
	#navigation ul#main_menu li#wiringaccessories_sub a { color: #fff; background: url(../images/cat_schneider_bg.gif) left top #009530 repeat-x; }
	#navigation ul#main_menu li#ventilationheating_sub a { color: #fff; background: url(../images/cat_schneider_bg.gif) left top #009530 repeat-x; }
	#navigation ul#main_menu li#lighting_sub a { color: #fff; background: url(../images/cat_schneider_bg.gif) #009530 left top repeat-x; }
	#navigation ul#main_menu li#tower_sub a { color: #fff; background: #005031 url(../images/cat_tower_bg.gif) left top repeat-x; }
	#navigation ul#main_menu li#tower_sub a:hover, 	#navigation ul#main_menu li#clipsal_sub a:hover { text-decoration: none !important; }

	#navigation ul#main_menu li#mita_sub a { color: #fff; background: #98EC9E url(../images/cat_mita_bg.gif) left top repeat-x; }
	#navigation ul#main_menu li#thorsman_sub a { color: #fff; background: #cccccc url(../images/cat_thorsman_bg.gif) left top repeat-x; }
	#navigation ul#main_menu li#mita_sub a:hover, 	#navigation ul#main_menu li#thorsman_sub a:hover { text-decoration: none !important; }


	/* expanded */
	#navigation ul#main_menu li#smarthome_sub a.expanded { color: #fff; background: #009530 ; background: #009530 url(../images/cat_schneider_bg.gif) -300px top repeat-x; }
	#navigation ul#main_menu li#wiringaccessories_sub a.expanded { color: #fff; background: #009530 url(../images/cat_schneider_bg.gif) -300px top repeat-x; }
	#navigation ul#main_menu li#ventilationheating_sub a.expanded { color: #fff; background: #009530 url(../images/cat_schneider_bg.gif) -300px top repeat-x;} 
	#navigation ul#main_menu li#lighting_sub a.expanded { color: #fff; background: #009530 url(../images/cat_schneider_bg.gif) -300px top repeat-x; }
	#navigation ul#main_menu li#tower_sub a.expanded { color: #fff; background: #009530 url(../images/cat_tower_bg.gif) -300px top repeat-x; }

	/* -------------- generic options for each submenu ------------- */
	#navigation ul#main_menu li ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	#navigation ul#main_menu li ul li {
		display: inline;
		margin: 0;
		padding: 0;
	}
	#navigation ul#main_menu li ul li ul li strong {
		margin: 0;
		font: 100% Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		background: #fff;
		padding: 5px 5px 5px 15px;
		display: block;
	}
	#navigation ul#main_menu li ul li a {
		background: #666;
		color: #333;
		margin: 0;
		font: bold 100% Verdana, Arial, Helvetica, sans-serif;
		padding: 5px 30px 5px 5px;
		overflow: hidden;
		width: auto;
	}
	#navigation ul#main_menu li ul li a:hover {
		color: #fff;
		background: #888;
	}
	#navigation ul#main_menu li ul li ul li a {
		background: #999 url(../images/bullet_arrow.gif) 4px 9px no-repeat;
		color: #fff;
		padding: 5px 5px 5px 15px;
		text-decoration: none;
		font-weight: normal;
	}
	#navigation ul#main_menu li ul li ul li a:hover {
		background: #aaa url(../images/bullet_arrow.gif) 4px 9px no-repeat;
		text-decoration: underline;
	}
	#navigation ul#main_menu li ul li a.menu_header {
		background-image: none !important;
		font-weight: bold;
		display: block;
		padding: 5px 2px 5px 15px;
	}


	#navigation ul#main_menu li ul li.selected a.selected {
		background: #666 url(../images/select_level2.gif) top right repeat-y;
		border-bottom: 1px solid #fff;
		color: #fff;
	}
	#navigation ul#main_menu li ul li.selected ul {
		border-bottom: 3px solid #555;
	}



	/* ------------------ SMART specific values ------------------ */
	/* LEVEL 2 MENU ITEMS */
	#navigation ul#main_menu li#smarthome_sub ul li a {
		background: #4FA600;/* B05CA4 */
		border-bottom: 1px solid #626469;
		color: #FFF;
		font-weight: bold;
	}
	#navigation ul#main_menu li#smarthome_sub ul li a:hover {
		background: #87D300;
		color: #fff;
		text-decoration: underline;
	}
	#navigation ul#main_menu li#smarthome_sub ul li.selected a.selected {
		/* background: #640657 url(../images/select_level2_smart.gif) top right repeat-y;*/
		color: #fff;
		border-bottom: 1px solid #fff;
	}
	#navigation ul#main_menu li#smarthome_sub ul li.selected ul {
		/* border-bottom: 3px solid #640657;*/
	}
	/* LEVEL 3 MENU ITEMS */
	#navigation ul#main_menu li#smarthome_sub ul li ul li a {
		border-bottom: 1px solid #626469; /* EFC4E8 */
		background: #9FA0AF url(../images/bullet_arrow.gif) 4px 9px no-repeat;
		color: #fff;
		font-weight: normal
	}
	#navigation ul#main_menu li#smarthome_sub ul li ul li a:hover {
		background: #87D300 url(../images/bullet_arrow.gif) 4px 9px no-repeat;
		text-decoration: underline;
		color: #fff;
	}
	#navigation ul#main_menu li#smarthome_sub ul li ul li strong {
		background: #fff;
		color: #640657;
	}

	/* ------------------ CONNECT specific values ------------------ */
	/* LEVEL 2 MENU ITEMS */
	#navigation ul#main_menu li#wiringaccessories_sub ul li a {
		background: #4FA600;/* B05CA4 */
		border-bottom: 1px solid #626469;
		color: #FFF;
		font-weight: bold;
	}
	#navigation ul#main_menu li#wiringaccessories_sub ul li a:hover {
		background: #87D300;
		color: #fff;
		text-decoration: underline;
	}
	#navigation ul#main_menu li#wiringaccessories_sub ul li.selected a.selected {
		/* background: #640657 url(../images/select_level2_smart.gif) top right repeat-y;*/
		color: #fff;
		border-bottom: 1px solid #fff;
	}
	#navigation ul#main_menu li#wiringaccessories_sub ul li.selected ul {
		/* border-bottom: 3px solid #640657;*/
	}
	/* LEVEL 3 MENU ITEMS */
	#navigation ul#main_menu li#wiringaccessories_sub ul li ul li a {
		border-bottom: 1px solid #626469; /* EFC4E8 */
		background: #9FA0AF url(../images/bullet_arrow.gif) 4px 9px no-repeat;
		color: #fff;
		font-weight: normal
	}
	#navigation ul#main_menu li#wiringaccessories_sub ul li ul li a:hover {
		background: #87D300 url(../images/bullet_arrow.gif) 4px 9px no-repeat;
		text-decoration: underline;
		color: #fff;
	}
	#navigation ul#main_menu li#wiringaccessories_sub ul li ul li strong {
		background: #fff;
		color: #640657;
	}
	
	/* -------------------- AIR specific values -------------------- */
	/* LEVEL 2 MENU ITEMS */
	#navigation ul#main_menu li#ventilationheating_sub ul li a {
		background: #4FA600;/* B05CA4 */
		border-bottom: 1px solid #626469;
		color: #FFF;
		font-weight: bold;
	}
	#navigation ul#main_menu li#ventilationheating_sub ul li a:hover {
		background: #87D300;
		color: #fff;
		text-decoration: underline;
	}
	#navigation ul#main_menu li#ventilationheating_sub ul li.selected a.selected {
		/* background: #640657 url(../images/select_level2_smart.gif) top right repeat-y;*/
		color: #fff;
		border-bottom: 1px solid #fff;
	}
	#navigation ul#main_menu li#ventilationheating_sub ul li.selected ul {
		/* border-bottom: 3px solid #640657;*/
	}
	/* LEVEL 3 MENU ITEMS */
	#navigation ul#main_menu li#ventilationheating_sub ul li ul li a {
		border-bottom: 1px solid #626469; /* EFC4E8 */
		background: #9FA0AF url(../images/bullet_arrow.gif) 4px 9px no-repeat;
		color: #fff;
		font-weight: normal
	}
	#navigation ul#main_menu li#ventilationheating_sub ul li ul li a:hover {
		background: #87D300 url(../images/bullet_arrow.gif) 4px 9px no-repeat;
		text-decoration: underline;
		color: #fff;
	}
	#navigation ul#main_menu li#ventilationheating_sub ul li ul li strong {
		background: #fff;
		color: #640657;
	}
	
	/* ------------------- LIGHT specific values ------------------- */
	/* LEVEL 2 MENU ITEMS */
	#navigation ul#main_menu li#lighting_sub ul li a {
		background: #4FA600;/* B05CA4 */
		border-bottom: 1px solid #626469;
		color: #FFF;
		font-weight: bold;
	}
	#navigation ul#main_menu li#lighting_sub ul li a:hover {
		background: #87D300;
		color: #fff;
		text-decoration: underline;
	}
	#navigation ul#main_menu li#lighting_sub ul li.selected a.selected {
		/* background: #640657 url(../images/select_level2_smart.gif) top right repeat-y;*/
		color: #fff;
		border-bottom: 1px solid #fff;
	}
	#navigation ul#main_menu li#lighting_sub ul li.selected ul {
		/* border-bottom: 3px solid #640657;*/
	}
	/* LEVEL 3 MENU ITEMS */
	#navigation ul#main_menu li#lighting_sub ul li ul li a {
		border-bottom: 1px solid #626469; /* EFC4E8 */
		background: #9FA0AF url(../images/bullet_arrow.gif) 4px 9px no-repeat;
		color: #fff;
		font-weight: normal
	}
	#navigation ul#main_menu li#lighting_sub ul li ul li a:hover {
		background: #87D300 url(../images/bullet_arrow.gif) 4px 9px no-repeat;
		text-decoration: underline;
		color: #fff;
	}
	#navigation ul#main_menu li#lighting_sub ul li ul li strong {
		background: #fff;
		color: #640657;
	}
	
		/* ------------------- TOWER specific values ------------------- */
	/* LEVEL 2 MENU ITEMS */
	#navigation ul#main_menu li#tower_sub ul li a {
		background: #4FA600;/* B05CA4 */
		border-bottom: 1px solid #626469;
		color: #FFF;
		font-weight: bold;
	}
	#navigation ul#main_menu li#tower_sub ul li a:hover {
		background: #87D300;
		color: #fff;
		text-decoration: underline;
	}
	#navigation ul#main_menu li#tower_sub ul li.selected a.selected {
		/* background: #640657 url(../images/select_level2_smart.gif) top right repeat-y;*/
		color: #fff;
		border-bottom: 1px solid #fff;
	}
	#navigation ul#main_menu li#tower_sub ul li.selected ul {
		/* border-bottom: 3px solid #640657;*/
	}
	/* LEVEL 3 MENU ITEMS */
	#navigation ul#main_menu li#tower_sub ul li ul li a {
		border-bottom: 1px solid #626469; /* EFC4E8 */
		background: #9FA0AF url(../images/bullet_arrow.gif) 4px 9px no-repeat;
		color: #fff;
		font-weight: normal
	}
	#navigation ul#main_menu li#tower_sub ul li ul li a:hover {
		background: #87D300 url(../images/bullet_arrow.gif) 4px 9px no-repeat;
		text-decoration: underline;
		color: #fff;
	}
	#navigation ul#main_menu li#tower_sub ul li ul li strong {
		background: #fff;
		color: #640657;
	}
	
	
	/* ------------------- CLIPSAL specific values ------------------- */
	/* LEVEL 2 MENU ITEMS */
	#navigation ul#main_menu li#clipsal_sub ul li a {
		background: #4FA600;/* B05CA4 */
		border-bottom: 1px solid #626469;
		color: #FFF;
		font-weight: bold;
	}
	#navigation ul#main_menu li#clipsal_sub ul li a:hover {
		background: #87D300;
		color: #fff;
		text-decoration: underline;
	}
	#navigation ul#main_menu li#clipsal_sub ul li.selected a.selected {
		/* background: #640657 url(../images/select_level2_smart.gif) top right repeat-y;*/
		color: #fff;
		border-bottom: 1px solid #fff;
	}
	#navigation ul#main_menu li#clipsal_sub ul li.selected ul {
		/* border-bottom: 3px solid #640657;*/
	}
	/* LEVEL 3 MENU ITEMS */
	#navigation ul#main_menu li#clipsal_sub ul li ul li a {
		border-bottom: 1px solid #626469; /* EFC4E8 */
		background: #9FA0AF url(../images/bullet_arrow.gif) 4px 9px no-repeat;
		color: #fff;
		font-weight: normal
	}
	#navigation ul#main_menu li#clipsal_sub ul li ul li a:hover {
		background: #87D300 url(../images/bullet_arrow.gif) 4px 9px no-repeat;
		text-decoration: underline;
		color: #fff;
	}
	#navigation ul#main_menu li#clipsal_sub ul li ul li strong {
		background: #fff;
		color: #640657;
	}