/* -- STYLES FOR THE LEFT SIDE NAVIGATION BAR -- */
td#navigation {
	background-image:  url("https://checkout.netsuite.com/c.411534/site/images/gallery/navbg.gif");
	background-repeat: repeat-y;
	width: 180px;
	vertical-align: top;
	margin:0;
	padding:0;
}

#mainMenu {
	width: 170px;
	background-color: transparent;
	margin:0;
	padding:0;
}
/* the mainMenu ID is used in the div for the entire left side text nav */

/* the navigation ID is used on the <td> tag for the entire side nav list */

#mainMenu ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	margin: 0;
	padding: 0;
	list-style: none;
}

#mainMenu ul li a:hover, #mainMenu ul#csMenu li a:hover {
	 text-decoration: underline;
}

#mainMenu ul li {
    display: block;
    padding: 0;
    margin: 0;
    width: inherit;
    }

/* HIDES ALL SECOND/THIRD LEVEL <ul>'s, WHICH CAN BE TURNED BACK ON IN THE HEAD OF THE HTML doc BY TARGETING THEIR id's DECLARING "display: block;"*/
#mainMenu ul ul {
    display: none;
    } 

/* Put at the bottom for override - move to appropriate section once complete (BW - 6/29/10) */
#productMenuList li ul#d_Menu li a,#productMenuList li ul#w_Menu li a,#productMenuList li ul#c_Menu li a,#productMenuList li ul#e_MenuID li a,#productMenuList li ul#h_Menu li a {
	margin: 0;
	padding: 3px 0 3px 35px;
	width: 135px;
}

ul#productMenuList li ul#c_Menu li ul li a, ul#productMenuList li ul#d_Menu li ul li a, ul#productMenuList li ul#w_Menu li ul li a, ul#productMenuList li ul#e_MenuID li ul li a, ul#productMenuList li ul#h_Menu li ul li a, ul#productMenuList li ul#abh_Menu li ul li a {
	background-image: none;
	font-weight: normal;
	padding: 3px 0 3px 35px;
	text-transform: none;
	width: 135px;
}

/* This styles the lowest level navigation such as "Conversion Doorsets"*/

#mainMenu a#tl_MenuID_a, #mainMenu #h_MenuID_a, #mainMenu a#e_MenuID_a, #mainMenu a#c_MenuID_a, #mainMenu a#w_MenuID_a, #mainMenu a#d_MenuID_a {
	width: 150px;
	}

#mainMenu a#e_pus_MenuID_a, #mainMenu a#e_edi_MenuID_a, #mainMenu a#e_cmedal {
    background: none;
	padding-left: 35px;
	}
/* This rule hides the arrows for "Push Button Switches" and "Edison Light Bulbs" */

#productMenuList li.NoArrow a, #mainMenu a#featMenuID_a, #mainMenu a#cs_MenuID_a, #mainMenu a#sp_coll {
	font-size: 11px;
	background: none;
	color: #6C2006;
	padding: 0 0 3px 5px;
}
/* This rule is used for top level elements such as "Reproduction Hardware" to turn off arrows. */

#productMenuList li a {
	color: #000000;
	background:  url("https://checkout.netsuite.com/c.411534/site/images/gallery/closed.gif") no-repeat 5px 5px;
	font-weight: bold;
	padding-left: 20px;
	display: block;
	text-decoration: none;
	padding-top: 3px;
	border: none;
	padding-right: 0px;
	padding-bottom: 3px;
	font-size: 11px;
}
/* This covers primary navigation list item with arrow, like "Door Hardware" */

#productMenuList li ul li a  {
	display: block;
    width: 135px;
  	background:  url("https://checkout.netsuite.com/c.411534/site/images/gallery/closed2.gif") no-repeat 20px 5px;
    font-weight: bold;
    padding: 0;
	margin: 0;
}

/* This styles the second level nav such as "Door Set Hardware"*/

/* below are styles for CS menu */
#list { /* get rid of the stupid netsuite generated iframe bs */
display: none;
}
#csList li a {
	color: #000000;
	font-weight: bold;
	padding-left: 20px;
	display: block;
	text-decoration: none;
	padding-top: 3px;
	border: none;
	padding-right: 0px;
	padding-bottom: 3px;
	font-size: 11px;
}
/* above is for customer service links */

#csList li ul#cs_Menu li a#cs_abo_a, a#tl_MenuID_a, ul#feat_Menu li a#fin_ref_a, #csList a#sp_abh_a, #csList a#sp_newprod_MenuID_a, #csList a#sp_phc, #csList a#sp_clr {
	background:  url("https://checkout.netsuite.com/c.411534/site/images/gallery/closed2.gif") no-repeat 10px 5px;
  	font-weight: bold;
	padding-left: 25px;
	border: none;
	text-decoration: none;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	font-size: 11px;
}
/* style just the About us, timeline, finish ref, abh, new prod categories */ 
#csList li ul#cs_Menu li ul#cs_About li a, #feat_Menu li ul#tl_Menu li a, #feat_Menu li ul#fr_Menu li a, ul#csList ul#new_Menu li a, ul#csList ul#abh_Menu li a, ul#collMenu ul#phc_Menu li a, #mainMenu #clearMenu li a {
	padding-left: 35px;
}
/* styles just for about us, timeline & finish ref, new prod, phc 3rd level sub content */ 

#mainMenu #cs_Menu a, ul#feat_Menu li a, #csList a#sp_vin_MenuID_a, #mainMenu  ul#csList ul#cs_Menu a#cs_abo_a  { /* fix width of first level under CS & others */
	font-weight: bold;
	padding-left: 25px;
	text-transform: none;
	text-decoration: none;
	color: #000000;
}
/* above rule is for customer service links */
#mainMenu #fr_Menu li a, #mainMenu #tl_Menu li a, #mainMenu #cs_Menu li.fixShort a, ul#csList ul#new_Menu li a, ul#csList ul#abh_Menu li a, ul#collMenu ul#phc_Menu li a, #mainMenu #clearMenu li a {
 /* set width for third level timeline/fr pages */
 /*width: 170px;*/
 font-weight: normal;
}
/*
#mainMenu a#fin_ref_a,  #mainMenu a#cs_MenuID_a, #mainMenu a#featMenuID_a, #mainMenu a#sp_vin_MenuID_a, #mainMenu a#sp_newprod_MenuID_a, #mainMenu a#reproMenuID_a, #mainMenu a#sp_coll, li.NoArrow a#cs_MenuID_a, li.NoArrow a#featMenuID_a, li.NoArrow a#sp_coll, #mainMenu a#sp_phc {
 width: 165px;
}
*/
#mainMenu a#tl_MenuID_a {
 width: 145px;
}
#mainMenu a#sp_vin_MenuID_a, #mainMenu li.NoArrow a#sp_newprod_MenuID_a, #mainMenu li.NoArrow a#sp_abh_a, #mainMenu  ul#csList ul#cs_Menu a#cs_abo_a, #mainMenu li.NoArrow a#sp_phc, #mainMenu li.NoArrow a#sp_clr { /* fix width for antiques & other 2nd level under csList */
 width: 145px;
}
/* ===== END STYLES FOR LEFT SIDE SITE NAVIGATION ====== */