/*	style sheet for healthwarehouse products-a-z.html
 * 	8/9/2009 werner glinka
 * 
 *	color codes
 *	color green: #5b984f;
 * 	color blue: #1b6498
 * 	color dark green:#423b39
 */
	
/******************** sub menu ********************/
div#wg-sub-menu{
	background:transparent url("../images/backgrounds/wg-sub-menu.gif") repeat-y;
	margin:3px;
	}
div#wg-sub-menu-top h3{
	margin:0;
	padding:18px 0 12px 15px;
	color:#423b39;
	border-bottom:1px solid #ffffff;
	font-size:18px;
	}
div#wg-sub-menu-top li.last{
	padding-bottom:15px;
	}
div#wg-sub-menu-top ul{
	margin:15px 0;
	padding:0;
	list-style-type:none;
	}
div#wg-sub-menu-top li{
	line-height:20px;
	padding-left:15px;
	}
div#wg-sub-menu-top a{
	font-size:12px;
	text-decoration:none;
	color:#3c8340;
	}
div#wg-sub-menu-top a:hover{
	text-decoration:underline;
	}
div#wg-sub-menu-top a.current{
	color:#423b39;
	font-weight:bold
	}
div#wg-sub-menu-top a.up-down{
	float:left;
	display:block;
	width:12px;
	height:12px;
	margin:2px 5px 0 10px;
	background:transparent url(../images/backgrounds/arrow-up.png)	
	}	
div#wg-sub-menu-top a.up-down:hover{
	background-position: 0 -12px;
	}
div#wg-sub-menu-top a.down-up{
	float:left;
	display:block;
	width:12px;
	height:12px;
	margin:2px 5px 0 10px;
	background:transparent url(../images/backgrounds/arrow-down.png)	
	}
div#wg-sub-menu-top a.down-up:hover{
	background-position: 0 -12px;
	}

	
/********** A - Z selectors **********/

div#wg-sub-menu-top ul#letter-selector,
div#wg-sub-menu-top ul#letter-selector li ul{
	list-style:none;
	margin:0;
	}
ul#letter-selector li{
	padding:0;
	border-bottom:1px solid #ffffff;
	}
ul#letter-selector li.last{
	border-bottom:none;
	padding-bottom:0;
	}
ul#letter-selector li ul li.last{
	border-right:none;
	}	
	
ul#letter-selector li ul#A-G li,
ul#letter-selector li ul#H-N li,
ul#letter-selector li ul#O-U li,
ul#letter-selector li ul#V-Z li{
	margin:0;
	padding:6px 0 0 10px;
	float:left;
	height:24px;
	width:21px;
	border-right:1px solid #ffffff;
	border-bottom:none;
	}
ul#letter-selector li ul#A-G li.active,
ul#letter-selector li ul#H-N li.active,
ul#letter-selector li ul#O-U li.active,
ul#letter-selector li ul#V-Z li.active{
	background-color:#ffffff;
	font-weight:bold;
	}
/* center the letter selection field within sub menu width */	
ul#letter-selector li ul#A-G li:first-child,
ul#letter-selector li ul#H-N li:first-child,
ul#letter-selector li ul#O-U li:first-child,
ul#letter-selector li ul#V-Z li:first-child{
	margin:0 0 0 4px;
	}
ul#letter-selector li ul#A-G li.last,
ul#letter-selector li ul#H-N li.last,
ul#letter-selector li ul#O-U li.last{
	border-right:none;
	}
	
ul#letter-selector li ul li a{
	display:block;
	font-size:14px;
	}
ul#letter-selector li ul li a:hover{
	display:block;
	font-size:14px;
	text-decoration:underline;
	}