/* Product Sidebar Navigations | On States
--------------------------------------------------------------- */

body.upvc ul.productSidebar-nav li a.upvc,
body.roofline ul.productSidebar-nav li a.roofline {
	background: url(../../images/productSidebar/ul-li-first-bg-sprite.jpg) left -80px;
}
			/* Conservatories */						
body.edwardian ul.productSidebar-nav li a.edwardian,
body.bespoke ul.productSidebar-nav li a.bespoke,
body.p-shape ul.productSidebar-nav li a.p-shape,
body.gable ul.productSidebar-nav li a.gable,
body.victorian ul.productSidebar-nav li a.victorian,
body.extensions ul.productSidebar-nav li a.extensions,
body.lean-to ul.productSidebar-nav li a.lean-to,
body.roofs-changed ul.productSidebar-nav li a.roofs-changed,
body.orangeries ul.productSidebar-nav li a.orangeries,
body.planning-permission ul.productSidebar-nav li a.planning-permission,
			/* Windows */
body.casement ul.productSidebar-nav li a.casement,
body.tilt-turn ul.productSidebar-nav li a.tilt-turn,
body.wood-grain-finishes ul.productSidebar-nav li a.wood-grain-finishes,
body.energy-rated ul.productSidebar-nav li a.energy-rated,
body.sash ul.productSidebar-nav li a.sash,
body.bay ul.productSidebar-nav li a.bay,
body.bespoke ul.productSidebar-nav li a.bespoke,
body.casement ul.productSidebar-nav li a.casement,
			/* Doors */
body.residential ul.productSidebar-nav li a.residential,
body.stable ul.productSidebar-nav li a.stable,
body.composite ul.productSidebar-nav li a.composite,
body.composite-b ul.productSidebar-nav li a.composite,
body.french-patio ul.productSidebar-nav li a.french-patio,
body.french ul.productSidebar-nav li a.french,
body.patio ul.productSidebar-nav li a.patio,
body.security ul.productSidebar-nav li a.security,
			/* Roofline */
body.fascias-soffits ul.productSidebar-nav li a.fascias-soffits,
body.guttering ul.productSidebar-nav li a.guttering,
body.cladding ul.productSidebar-nav li a.cladding,
body.dry-verge ul.productSidebar-nav li a.dry-verge,
body.colour-options ul.productSidebar-nav li a.colour-options,
			/* Generic */
body.security ul.productSidebar-nav li a.security
 {
	background: url(../../images/productSidebar/ul-li-a-bg-sprite.jpg) left 18px;
}

/*body.upvc ul.productSidebar-nav li a.upvc {
	background: url(../../images/productSidebar/ul-li-last-bg-sprite.jpg) bottom;
}	*/		
							
	.productSidebar-nav-conservatories,
	.productSidebar-nav-windows,
	.productSidebar-nav-roofline,
	.productSidebar-nav-doors {
		display: none;
	}
	
		body#conservatories .productSidebar-nav-conservatories,
		body#windows .productSidebar-nav-windows,
		body#roofline .productSidebar-nav-roofline,
		body#doors .productSidebar-nav-doors {
			display: block;
		}

/* Product Sidebar Navigations
--------------------------------------------------------------- */
	
			ul.productSidebar-nav {
				background: url(../../images/productSidebar/navBg.jpg) top left no-repeat #f49308;
				list-style: none;
				margin: 0px 0px 10px 0px;
				float: left;
				width: 220px;
			}
			
				li.productSidebar-nav-header {
					width: 200px;
					height: 25px;
					padding: 10px;
					font-size: 1.7em;
					color: #fff;
					float: left;
				}
				
					ul.productSidebar-nav li {
						float: left;
						display: block;
						width: 200px;
						margin: 0px;
					}
				
					ul.productSidebar-nav li a {
						display: block;
						text-decoration: none;
						color: #03063e;
						width: 190px;
						padding: 5px 10px 4px 20px;
						border-bottom: 1px solid #ec8d2a;
						border-top: 1px solid #fbc469;
						background: url(../../images/productSidebar/ul-li-a-bg-sprite.jpg);
					}
					
					ul.productSidebar-nav li a:visited {
						color: #03063e;
					}
					
						ul.productSidebar-nav li a:hover {
							background: url(../../images/productSidebar/ul-li-a-bg-sprite.jpg) left 18px;
						}
					
						ul.productSidebar-nav li a.first {
							border-top: none;
							padding-top: 7px;
							background: url(../../images/productSidebar/ul-li-first-bg-sprite.jpg) top no-repeat;
						}
						
							ul.productSidebar-nav li a.first:hover {
								background: url(../../images/productSidebar/ul-li-first-bg-sprite.jpg) left -80px;
							}
						
						ul.productSidebar-nav li a.last {
							border-bottom: none;
						background: url(../../images/productSidebar/ul-li-last-bg-sprite.jpg) left -37px no-repeat;
							padding-bottom: 9px;
						}
						
							ul.productSidebar-nav li a.last:hover {
								background: url(../../images/productSidebar/ul-li-last-bg-sprite.jpg) bottom;
							}

/* Horizontal Navigation Styles
--------------------------------------------------------------- */

#navigation {
	width: 930px;
	height: 31px;
	padding-left: 10px;
	z-index: 1;
	position: absolute;
	left: 10px;
	top: 108px;
	background: url(../../images/misc/navBg.jpg);
}

	#navigation ul {
		margin: 0px;
		padding: 0px;
	}
	
		#navigation ul li {
			display: inline;
			list-style: none;
		}
			  
			#navigation ul li a {
				float: left;
				border-right: 1px solid #f09e44;
				border-left: 1px solid #fdd27f;
				color: #03063e;
				text-decoration: none;
				padding: 7px 7px 9px 6px;
			}

				#navigation ul li a.contact-a {
					border-right: none;
				}
				
				#navigation ul li a.index-a {
					border-left: none;
				}

				#navigation ul li a:hover {
					background: url(../../images/misc/navBg-a-hover.jpg);
				}
				
#index #navigation .index-a,
#about #navigation .about-a,
#garage-doors #navigation .garage-doors-a,
#windows #navigation .windows-a,
#conservatories #navigation .conservatories-a,
#doors #navigation .doors-a,
#showrooms #navigation .showrooms-a,
#news #navigation .news-a,
#roofline #navigation .roofline-a,
#special-offers #navigation .special-offers-a,
#contact #navigation .contact-a {
	background: url(../../images/misc/navBg-a-on.jpg);
}

/* About Sub Navigation Styles
--------------------------------------------------------------- */

#aboutSubNavigation, #contactSubNavigation {
	padding: 5px 10px 10px 10px;
	z-index: 100;
	position: absolute;
	right: 92px;
	top: 139px;
	background: #ffd374;
	visibility: hidden;
	width:100px;
}

	#contactSubNavigation {
		right: 22px;
	}

	#aboutSubNavigation ul, #contactSubNavigation ul {
		margin: 0px;
		padding: 0px;
	}
	
		#aboutSubNavigation ul li, #contactSubNavigation ul li {
			display: block;
			list-style: none;
		}
			  
			#aboutSubNavigation ul li a, #contactSubNavigation ul li a {
				width: 100px;
				float: left;
				border-bottom: 1px solid #f09e44;
				color: #03063e;
				text-decoration: none;
				padding: 5px 0px 5px 0px;
				text-align: center;
			}
			
			#aboutSubNavigation ul li a:hover, #contactSubNavigation ul li a:hover {
					color: #c66a10;
				}