/**
 * CSS for products menu in wrapper
 */

/* products menu container default/collapsed */
header > div#nav > div > nav#products {
	display: block;
	position: absolute;
	width: 1025px;
	padding: 0px 10px 10px 10px;
	
	background: #CDC2AB;
	border: 1px solid #999999;
	
	z-index: 20;
	opacity: 1;
	
	transition: all 0.25s ease 0s;
}

	/* prevent flash while loading */
	header > div#nav > div > nav#products.loading {
		opacity: 0 !important;
	}

	/* products menu container expanded */
	header > div#nav > div > nav#products.expanded {
		transition: all 0.45s ease 0s;
	}

	/* products menu form collapsed */
	header > div#nav > div > nav#products > form {
		display: block;
		background: #D8CDBC;
	}

		/* products menu form expanded */
		header > div#nav > div > nav#products.expanded > form {
			
		}
		
			/* loading overlay */
			header > div#nav > div > nav#products > form > div#classifications-loading {
				display: block;
				position: absolute;
				width: 975px;
				padding: 25px;
				
				text-align: right;
				height: 0px;
				background: #D8CDBC;
				opacity: 0;
				z-index: -2;
				
				transition: all 0.25s ease 0.25s;
			}
			
				/* icon in loading overlay */
				header > div#nav > div > nav#products > form > div#classifications-loading > i.fa {
					display: inline-block;
					color: black;
					opacity: 0;
					transition: opacity 0.25s ease 0.25s;
				}
			
				/* loading overlay when shown */
				header > div#nav > div > nav#products > form > div#classifications-loading.show {
					opacity: .25;
					z-index: 21;
				}
				
					/* loading icon */
					header > div#nav > div > nav#products > form > div#classifications-loading.show > i.fa {
						opacity: 1;
						transition: opacity 0.4s ease .25s;
						
					}
						/* spinner bugfix for firefox */
						header > div#nav > div > nav#products > form > div#classifications-loading.show > i.fa.is-browser-mozilla {
							line-height: normal;
						}

			/* product menu form sections collapsed */
			header > div#nav > div > nav#products > form > section {
				display: block;
			}

			
			
			/*
			PRODUCT CLASSIFICATION SECTION
			*/
			
			
			header > div#nav > div > nav#products > form > section#classifications {
				padding: 15px 0px 0px 15px;
				
				font-family: AvantGarde BK BT, Corbel, Calibri, Arial;
				font-size: 0px; /* collapse spacing */
			}
			
				/* product classification selections column */
				header > div#nav > div > nav#products > form > section#classifications > div {
					display: inline-block;
					padding: 5px;
					width: 165px;
					
					vertical-align: top;
				}
				
					/* product classification selections column header */
					header > div#nav > div > nav#products > form > section#classifications > div > h5 {
						display: inline-block;
						margin-bottom: 10px;
						
						font-size: 20px;
						font-weight: bold;
					}
						/* classification section reset button */
						header > div#nav > div > nav#products > form > section#classifications > div > h5 > button.reset {
							display: inline-block;
							
							padding: 1px;
							margin: -2px 0px 0px 12px;
							position: absolute;
							
							font-family: Corbel,Calibri,Arial;
							font-size: 16px;
							
							background: #D8CDBC none repeat scroll 0% 0%;
							border: 1px solid rgb(182, 167, 133);
							cursor: pointer;
							
							opacity: 0;
							transition: opacity 0.05s linear 0s;
						}
							/* classification section reset button when shown */
							header > div#nav > div > nav#products > form > section#classifications > div > h5 > button.reset.show {
								display: inline-block;
								opacity: 1;
								transition: opacity 0.05s linear 0s;
							}
								header > div#nav > div > nav#products > form > section#classifications > div > h5 > button.reset.show:hover {
									background: #E1D9CC;
								}
								header > div#nav > div > nav#products > form > section#classifications > div > h5 > button.reset.show:active {
									background: #8d7754;
								}
					
					header > div#nav > div > nav#products > form > section#classifications > div > div.selections {
						display: inline-block;
					}
					
					/* classification selection option label */
					header > div#nav > div > nav#products > form > section[id^="classifications"] > div > div.selections > label {
						display: inline-block;
						margin-right: 10px;
						width: 150px;
						
						font-size: 20px;
						color: black;
						line-height: 1.3;
						
						white-space: nowrap;
						text-overflow: ellipsis;
						overflow-x: hidden;
						
						opacity: 1;
						transition: opacity 0.05s linear 0s;
					}
					
						/* label when unavailable */
						header > div#nav > div > nav#products > form > section[id^="classifications"] label.disabled {
							opacity: .35 !important;
							transition: opacity 0.05s linear 0s;
						}
					
					/* scale classification */
					header > div#nav > div > nav#products > form > section#classifications > div#Scale {
						width: 150px;
					}
					
					/* type classification */
					header > div#nav > div > nav#products > form > section#classifications > div#Type {
						width: 180px;
					}
					
					/* manufacturer classification */
					header > div#nav > div > nav#products > form > section#classifications > div#Manufacturer {
						width: 620px;
					}
					
						/* force width on mfr header */
						header > div#nav > div > nav#products > form > section#classifications > div#Manufacturer > h5 {
							
						}
						
						/* put mfr selections in vertical-sort columns */
						header > div#nav > div > nav#products > form > section#classifications > div#Manufacturer > div.selections {
							column-count: 3;
							-moz-column-count: 3;
						}
					
							/* wider labels for mfr */
							header > div#nav > div > nav#products > form > section#classifications > div#Manufacturer > div.selections > label {
								width: 205px;
							}
				
			
			
			
			/*
			 * SPECIAL SECTION
			 */
			
			header > div#nav > div > nav#products > form > section#classifications-special {
				font-family: AvantGarde BK BT, Corbel, Calibri, Arial;
				font-size: 0px;
			}
			
				/* special selections container */
				header > div#nav > div > nav#products > form > section#classifications-special > div {
					display: inline-block;
					margin-left: 10px;
					
					border-top: 1px solid #c5b79d;
					border-bottom: 1px solid #c5b79d;
				}
			
					/* checkbox label in special section */
					header > div#nav > div > nav#products > form > section#classifications-special > div > label {
						display: inline-block;
						padding: 10px;
						
						font-size: 20px;
					}
						/* jenky adjustment to match "Type" column positioning */
						header > div#nav > div > nav#products > form > section#classifications-special > div > label:nth-of-type(1) {
							width: 140px;
						}
						
							/* adjustment for chrome */
							header > div#nav > div > nav#products > form > section#classifications-special > div > label.is-browser-chrome:nth-of-type(1) {
								
							}
							
							/* adjustment for internet exploder */
							header > div#nav > div > nav#products > form > section#classifications-special > div > label.is-browser-msie:nth-of-type(1) {
								
							}
				
			
			
			/*
			 * CONTROLS SECTION (SEARCH, BUTTONS)
			 */
			
			header > div#nav > div > nav#products > form > section#controls {
				
			}
			
				/* controls section (search, buttons) */
				header > div#nav > div > nav#products > form > section#controls > a#browse-all {
					display: inline-block;
					padding: 20px;
					
					font-size: 16px;
					font-weight: bold;
				}
				
					/* search controls */
					header > div#nav > div > nav#products > form > section#controls > div#search {
						padding: 14px;
						float: right;
					}
					
						/* search input */
						header > div#nav > div > nav#products > form > section#controls > div#search > input[name="search"] {
							display: inline-block;
							width: 300px;
							padding: 5px;
							margin-right: 25px;
							
							font-family: AvantGarde BK BT, Corbel, Calibri, Arial;
							font-size: 14px;
							color: rgba(0,0,0,.5);
							
							border: 1px solid black;
							background: white;
						}

							/* search input */
							header > div#nav > div > nav#products > form > section#controls > div#search > input[name="search"].active {
								color: black;
							}
						
						/* buttons */
						header > div#nav > div > nav#products > form > section#controls > div#search > button {
							height: 29px;
							padding: 5px;
							
							font-family: 'Bookman BT Light', Times New Roman;
							font-size: 13px;
							
							border: 2px solid #B6A785;
							
							cursor: pointer;
						}
					
							/* reset btn */
							header > div#nav > div > nav#products > form > section#controls > div#search > button#reset {
								background: #D8CDBC;
							}
								header > div#nav > div > nav#products > form > section#controls > div#search > button#reset:hover {
									background: #E1D9CC;
								}
								header > div#nav > div > nav#products > form > section#controls > div#search > button#reset:active {
									background: #9E855D;
									border: 2px solid rgba(255,255,255,.8);
								}
						
							/* submit btn */
							header > div#nav > div > nav#products > form > section#controls > div#search > button#submit {
								background: #EBE6DD;
							}
								header > div#nav > div > nav#products > form > section#controls > div#search > button#submit:hover {
									background: #FFFFFF;
								}
								header > div#nav > div > nav#products > form > section#controls > div#search > button#submit:active {
									background: #9E885E;
									border: 2px solid rgba(255,255,255,.8);
								}

	/* products pull tab */
	header > div#nav > div > nav#products > button#tab {
		display: inline-block;
		position: absolute;
		margin: 11px 0px 0px 20px;
		padding: 5px 32px 5px 15px;
		
		font-size: 0px; /* collapse spacing */
		
		border: 1px solid #999999;
		border-top: 0px;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		
		background: #CDC2AB;
		
		cursor: pointer;
	}
	
		/* hover on products */
		header > div#nav > div > nav#products > button#tab:hover {
			text-shadow: 1px 1px 3px rgba(255,255,255,.35);
		}
	
		/* click on products */
		header > div#nav > div > nav#products > button#tab:active {
			text-shadow: -1px -1px 3px rgba(255,255,255,.75);
		}
		
		/* button label */
		header > div#nav > div > nav#products > button#tab > label {
			font-family: 'Bookman BT Light', Times New Roman;
			font-size: 21px;
			font-weight: bold;
		}
	
		/* tab icon container */
		header > div#nav > div > nav#products > button#tab > #tab-icon {
			display: inline-block;
			position: absolute;
			margin: -2px 0px 0px 142px;
			width: 15px;
			height: 15px;
			
			transform: rotate(90deg);
			transform-origin: 7.5px 7.5px;
		}
		
			/* hackey adjustment for chrome */
			header > div#nav > div > nav#products > button#tab > #tab-icon.is-browser-chrome {
				margin: -1px 0px 0px 135px;
			}
				header > div#nav > div > nav#products.expanded > button#tab > #tab-icon.is-browser-chrome {
					margin: 11px 0px 0px 134px !important;
				}
		
			/* hackey adjustment for IE */
			header > div#nav > div > nav#products > button#tab > #tab-icon.is-browser-msie {
				margin: 4px 0px 0px 140px;
			}
				header > div#nav > div > nav#products.expanded > button#tab > #tab-icon.is-browser-msie {
					margin: 2px 0px 0px 135px !important;
				}
		
			/* tab icon container when product menu expanded */
			header > div#nav > div > nav#products.expanded > button#tab > #tab-icon {
				transform: rotate(-90deg);
				margin: 11px 0px 0px 136px;
			}
			
			/* tab icons */
			header > div#nav > div > nav#products > button#tab > #tab-icon > .fa {
				position: absolute;
				transform: scaleY(1.25);
				line-height: 1.8;
				
				font-size: 11px;
			}
			
				/* position on second tab icon */
				header > div#nav > div > nav#products > button#tab > #tab-icon > .fa:nth-of-type(2) {
					margin-left: 6px;
				}