/*=============================

wattyl
MENU styles


site design and build by
Ben Manson of 3blindmice
sep 09


=============================== */

/* -------------- TOP CORPORATE MENU -------------------- */

#topmenu {
		background-color: #002859;
		font-size: 1.1em;
		font-weight: normal;
		text-transform: uppercase;
		position: absolute;
		letter-spacing: 0.05em;
		top: 4px;
		right: 0;
		}
		
		#topmenu li {
			float: left;
			color: #FFF;
			}
			
			#topmenu li a {
				display: block;
				margin: 4px 0;
				padding: 1px 9px;
				color: #99A9BD;
				border-right: 1px solid #264872;
				}
				
				#topmenu li a:hover {
					color: #FFF;
					/* border-right: 1px solid #FFF; */
					}
				
				#topmenu li a.last {
					border-right: none;
					}

/* -------------- TARGET MARKET MENU -------------------- */

#targetmenu {
	width: 530px;
	position: relative;
	left: 8px;
	height: 50px;
	background: url(../images/targetmenu.gif) no-repeat 0 0;
	}
	
	#targetmenu li {
		float: left;
		width: 67px;
		}
		
		#targetmenu a {
				width: 100%;
				display: block;
				text-indent: -9999px;
				height: 50px;
				cursor: pointer;
				outline: none;
				border: none;
				background: url(../images/targetmenu.gif);
				}
				
				#targetmenu li a:hover {
					cursor: pointer;
					}
					
					/* --- DIY tab ---- */
					#targetmenu #tgt_diy {
						width: 67px;
						}
					
					#tgt_diy a {
						background-position: 0 0;
						}
					
					#tgt_diy a:hover {
						background-position: 0 -100px;
						}
						
					/* --- prof painter tab ---- */
					#targetmenu #tgt_pp {
						width: 130px;
						}
					
					#tgt_pp a {
						background-position: -67px 0;
						}
					
					#tgt_pp a:hover {
						background-position: -67px -100px;
						}
					
					/* --- ind specifier tab ---- */
					#targetmenu #tgt_is {
						width: 106px;
						}
					
					#tgt_is a {
						background-position: -197px 0;
						}
					
					#tgt_is a:hover {
						background-position: -197px -100px;
						}
					
					/* --- arch specifier tab ---- */
					#targetmenu #tgt_as {
						width: 142px;
						}
					
					#tgt_as a {
						background-position: -303px 0;
						}
					
					#tgt_as a:hover {
						background-position: -303px -100px;
						}
					
					/* --- retailer tab ---- */
					#targetmenu #tgt_r {
						width: 85px;
						}
					
					#tgt_r a {
						background-position: -445px 0;
						}
					
					#tgt_r a:hover {
						background-position: -445px -100px;
						}
					
					/*body#home #nav_1 a {
						background-position: 0 -85px;
						}*/


/* -------------- MAIN MENU // products, brands etc -------------------- */

#menu {
	padding: 6px 0;
	border-top: 5px solid #404040;
	border-bottom: 5px solid #404040;
	min-height: 220px;
	}
	
	/*   ---- first level / drawer handles ---- 	 */
	#menu h2 {
		text-transform: uppercase;
		font-size: 1.3em;
		color: #FFF;
		background-color: /* #403624; */#404040;
		padding: 0;
		margin: 0;
		font-weight: bold;
		}
		
		#menu h2 a {
			display: block;
			padding: 7px 7px;
			border-bottom: 1px solid #FFF;
			}
		
		#menu h2 a:link {
			color: #FFF;
			background-color: /* #403624; */#404040;
			text-decoration: none;
			}
			
			#menu h2.handle a {
				background-image: url(../images/menuarrow.png);
				background-position: 165px 9px;
				background-repeat: no-repeat;
				}
		
		#menu h2 a:hover {
			text-decoration: none;
			color: #29ABE2;
			}
			
			#menu h2.handle a:hover {
				background-image: url(../images/menuarrow.png);
				background-position: 165px -91px;
				background-repeat: no-repeat;
				color: #29ABE2;
				}
			
		#menu h2 a:visited {
			color: #FFF;
			}
			
				/*   ---- second level / drawers ---- 	 */
			#menu ul ul {
				padding: 3px 0;
				background-color: #FFF;/* #EDEDED; */
				
				}
			
			#menu ul ul a {
				text-transform: uppercase;
				display: block;
				padding: 4px 7px;
				border-bottom: 1px solid #CCC;
				}
				
				#menu ul ul a:link {
					color: #666;
					text-decoration: none;
					
				
					}
					
					#menu ul ul a:visited {
						color: #666;
						}
					
					#menu ul ul a:hover {
						background-color: #BCBCBC;
						color: #000;/* #29ABE2; */
						text-decoration: none;
						}
					
					
				
				#menu ul ul ul {
					padding-top: 3px;
					border-bottom: 1px solid #CCC;
					}
				
				#menu ul ul ul a {
					border-bottom: none;
					}

				
				#menu li.current a:link, #menu li.current a:visited {
					font-size: 1.2em;
					font-weight: bold;
					border-bottom: 1px solid #CCC;
					padding-top: 7px;
					padding-bottom: 4px;
					background-color: #FFF;
					color: #29ABE2;
					}
					
				
				
				#menu li.current a:hover {
					padding-bottom: 4px;
					background-color: #BCBCBC;
					color: #404040;
					}
					
					#menu li.current li {
						font-size: 0.8em;
						font-weight: normal;
						}
						
						#menu li.current li a:link, #menu li.current li a:visited {
							padding-left: 15px;
							border-bottom: none;
							padding-top: 4px;
							padding-bottom: 4px;
							}
							
						#menu li.current a.selected:link {
							font-style: bold;
							padding-left: 20px;
							}	
/* -------------- FOOTER LOGOS // solagard, id etc -------------------- */

#footer ul {
	width: 731px;
	height: 50px;
	background: url(../images/footerlogos.gif) no-repeat 0 -50px;
	}
	
	#footer ul li {
		float: left;
		width: 73px;
		}
		
		#footer ul li a {
				width: 100%;
				display: block;
				text-indent: -9999px;
				height: 50px;
				cursor: pointer;
				outline: none;
				border: none;
				background: url(../images/footerlogos.gif);
				}
				
				#footer li a:hover {
					cursor: pointer;
					}
					
				/* --- Solagard logo ---- */
					#footer ul #f1 {
						width: 84px;
						}
					
					#footer #f1 a {
						background-position: 0 -50px;
						}
					
					#footer #f1 a:hover {
						background-position: 0 0;
						}
				
				/* --- Interior Design i.d logo ---- */
					#footer ul #f2 {
						width: 74px;
						}
					
					#footer #f2 a {
						background-position: -84px -50px;
						}
					
					#footer #f2 a:hover {
						background-position: -84px 0;
						}
				
				/* --- Estapol logo ---- */
					#footer ul #f3 {
						width: 85px;
						}
					
					#footer #f3 a {
						background-position: -158px -50px;
						}
					
					#footer #f3 a:hover {
						background-position: -158px 0;
						}
				
				/* --- Weathergard logo ---- */
					#footer ul #f4 {
						width: 104px;
						}
					
					#footer #f4 a {
						background-position: -243px -50px;
						}
					
					#footer #f4 a:hover {
						background-position: -243px 0;
						}
						
				/* --- Killrust logo ---- */
					#footer ul #f5 {
						width: 84px;
						}
					
					#footer #f5 a {
						background-position: -347px -50px;
						}
					
					#footer #f5 a:hover {
						background-position: -347px 0;
						}
						
				/* --- Aquatrim logo ---- */
					#footer ul #f6 {
						width: 79px;
						}
					
					#footer #f6 a {
						background-position: -431px -50px;
						}
					
					#footer #f6 a:hover {
						background-position: -431px 0;
						}
				
				/* --- Granosite logo ---- */
					#footer ul #f7 {
						width: 80px;
						}
					
					#footer #f7 a {
						background-position: -510px -50px;
						}
					
					#footer #f7 a:hover {
						background-position: -510px 0;
						}
				
				/* --- Solver logo ---- */
					#footer ul #f8 {
						width: 73px;
						}
					
					#footer #f8 a {
						background-position: -590px -50px;
						}
					
					#footer #f8 a:hover {
						background-position: -590px 0;
						}
				
				/* --- Industrial logo ---- */
					#footer ul #f9 {
						width: 68px;
						}
					
					#footer #f9 a {
						background-position: -663px -50px;
						}
					
					#footer #f9 a:hover {
						background-position: -663px 0;
						}