/* Header
--------------------------------------------------------------------------- */

#header {
	height: 150px;
	background-color: #fff;
	font-size: 12px;
	position: relative;
	z-index: 98;
	-webkit-text-size-adjust: none;
}
	
	#header #logo {
		color: #333;
		height: 0;
		width: 80px;
		display: block;
		overflow: hidden;
		padding-top: 76px;
		margin-top: 10px;
		margin-right: 20px;
		background: url(/images/elements/header/logo-nav.png) top left no-repeat;
	}

	#header #logo-row {
		text-align: center;
		clear: both;
		display: inline-block;
		width: 100%;		
	}
	
		#header #logo-row #logo {
			display: inline-block;
			position: relative;
			vertical-align: middle;
			height: 0;
			width: 353px;
			padding-top: 76px;
			margin-top: 20px;
			background: url(/images/elements/header/2015-logo.png) top left no-repeat;
		}
	#header div.grid_4 ul {
		width: auto;
		float: left;
		list-style: none;
		margin: 0;
		-webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.3);
		-moz-box-shadow: 0 3px 5px rgba(0,0,0,0.3);
		box-shadow: 0 3px 5px rgba(0,0,0,0.3);
	}
	
		#header div.grid_4 ul li {
			float: left; 
			margin-right: 1px;
		}
		
			#header div.grid_4 ul li:last-child {
				margin-right: 0;
			}
		
			#header div.grid_4 ul li a,
			#blog #header div.grid_4 ul li:first-child a,
			body.help #header div.grid_4 ul li:first-child a {
				color: #333;
				padding: 4px 15px 3px;
				display: block;
				font-weight: bold;
				text-align: center;
				text-transform: uppercase;
				background: none white;
			}
				
				#header div.grid_4 ul li:first-child a, #header div.grid_4 ul li:first-child a:hover,
				#blog #header div.grid_4 ul li:nth-child(2) a, #blog #header div.grid_4 ul li:nth-child(2) a:hover,
				body.help #header div.grid_4 ul li:last-child a, body.help #header div.grid_4 ul li:last-child a:hover {
					color: white;
					background-color: #333;
				}
				
				#header div.grid_4 ul li a:hover, #header div.grid_4 ul li a.disabled,
				#blog #header div.grid_4 ul li:first-child a:hover,
				body.help #header div.grid_4 ul li:first-child a:hover {
					color: black;
					text-decoration: none;
					background-color: #ddd;
				}
	
	#header div.grid_6 {
		padding-top: 40px;
	}
	
		#header div.grid_6 a {
			color: white;
			float: right;
			display: block;
			font-size: 11px;
			text-align: right;
			text-decoration: none;
			text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
		}
		
			#header div.grid_6 a span {
				font-size: 18px;
				font-weight: bold;
				display: block;
			}





/* Navigation
--------------------------------------------------------------------------- */

#menu {
	color: white;
	height: 34px;
	line-height: 34px;
	background-color: #333;
	border-top: 1px solid #333;
	border-bottom: 1px solid black;
	position: relative;
	z-index: 97;
	-webkit-text-size-adjust: none;
}

	#menu ul {
		color: white;
		float: left;
		list-style: none;
		margin: 0 10px;
	}
	
		#menu ul ul {
			margin: 0;
		}
	
		#menu ul li {
			height: 34px;
			line-height: 34px;
			font-size: 13px;
			float: left;
			position: relative;
			left: -1px;
			border-left: 1px solid black;
			text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
		}
			
			#menu ul li.special {
				background-color: black;
			}
		
			#menu ul li a {
				height: 34px;
				color: white;
				display: block;
				float: left;
				padding: 0 8px;
				font-weight: 500;
				text-decoration: none;
				border-left: 1px solid #444;
			}
			
			#menu ul li:hover, 
			#menu ul li.hover {
				padding-bottom: 1px;
				margin-bottom: -1px;
				background-color: #fff;
				z-index: 99;
				text-shadow: none;
				-webkit-border-radius: 4px 4px 0 0;
				-moz-border-radius: 4px 4px 0 0;
				border-radius: 4px 4px 0 0;
			}
			
				#menu ul li:hover a, 
				#menu ul li.hover a {
					color: #333;
					border-color: #777;
					border-left: 0px;
				}
		
			#menu ul li div {
				padding: 10px 0px 10px 10px;
				opacity: 0;
				float: left;
				position: absolute;
				left: 0; top: 25px;
				margin-top: -999em;
				background-color: #fff;
				-webkit-box-shadow: 10px 10px 15px rgba(0,0,0,0.2);
				-moz-box-shadow: 10px 10px 15px rgba(0,0,0,0.2);
				box-shadow: 10px 10px 15px rgba(0,0,0,0.2);
				-webkit-border-radius: 0px 0px 4px 4px;
				-moz-border-radius: 0px 0px 4px 4px;
				border-radius: 0px 0px 4px 4px;
			}
				
				#menu ul li:hover div, 
				#menu ul li.hover div {
					opacity: 1;
					top: 35px;
					margin-top: 0;
					-webkit-transition-property: opacity, top;
					-webkit-transition-duration: 100ms;
					-moz-transition-property: opacity, top;
					-moz-transition-duration: 100ms;
					transition-property: opacity, top;
					transition-duration: 100ms;
					padding-top: 20px;
				}
				
				#menu ul li.brands div {
					float: left;
					left: auto;
					right: 0;
					margin-right: -100px;
				}
				
				#menu ul li div ul {
					width: 200px;
					float: left;
				}
				
					#menu ul li div ul li {
						height: 35px;
/* 						line-height: 2em; */
						float: none; 
						border-left: none;
						border-bottom: 1px solid #ccc;
						text-shadow: none;
						margin-right: 10px;
					}
				
						#menu ul li div ul li:hover, 
						#menu ul li div ul li.hover {
							padding-bottom: 0px;
							margin-bottom: 0px;
						}
					
					#menu ul li div ul li.empty {
						height: 35px;
						float: none; 
						border-left: none;
						border-bottom: 1px dotted #fff;
						text-shadow: none;
						margin-right: 10px;
					}
			
					#menu ul li div ul li.header {
/* 						height: 35px; */
						border-bottom: 1px solid #ccc;
					}
				
						#menu ul li div ul li a {
							height: auto;
							line-height: 1.4em;
							float: none; 
							border: none;
							padding: 7px 0;

							font-size: 15px;
							font-weight: 400;
							
							white-space: nowrap;
							overflow: hidden;
							text-overflow: ellipsis;
						}
						
							#menu ul li div ul li a:hover,
							#menu ul li div ul li a.hover {	
								color: #cd1c00 !important;
							}

						#menu ul li div ul li.header a {
							font-weight: 800;
						}
							
							


/* Promo Strips
--------------------------------------------------------------------------- */

aside#strip {
	background: url(/images/elements/header/strip-grid.png) top left repeat #cc0000;
}

	aside#strip div.container_12 {
		height: 60px;
		overflow: hidden;
	}
	
	aside#strip a {
		float: left;
		display: block;
		margin-left: 10px;
	}
	
	aside#strip-herschel {
		background: url(/images/promotions/2013/10/herschel-strip-bg.png) top left repeat #ecb73f;

	}
	
	aside#strip-bellroy {
		background-color: #6e829d;
	}
	
	aside#strip-herschel-comp {
		background: #003366;
	}
	
	aside#strip-easter {
		background: url(/images/promotions/2014/04/easter-sale/easter-strip-bg.png) bottom left repeat #84c9f5;

	}
		aside#strip-easter div.container_12 {
		height: 80px;
		overflow: hidden;
		}
	
aside#timer {
	float: right;
	margin: auto 10px;
}
	
	aside#timer dl {
		cursor: default;
		width: 48px;
		height: 48px;
		text-align: center;
		font-family: Arial, sans-serif;
		position: relative;
		float: left;
		margin: 8px 3px 4px;
	}
	
		aside#timer dt, #timer dd {
			color: white;
			margin: 0;
			overflow: hidden;
		}
		
		aside#timer dt {
			width: 48px;
			height: 12px;
			font-size: 10px;
			text-shadow: 0 1px 0 rgba(0,0,0,0.5);
			text-transform: lowercase;
			line-height: 8px;
			position: absolute;
			bottom: 0;
		}
		
		aside#timer dd {
			width: 45px;
			height: 31px;
			padding-left: 3px;
			font-size: 28px;
			font-weight: bold;
			text-shadow: 0 1px 0 black;
			letter-spacing: 7px;
			line-height: 31px;
			background: url(/images/elements/header/strip-clock.png) top left no-repeat;
		}
		
			html.ie.v7 aside#timer dd {
				padding-left: 0;
				padding-right: 3px;
			}

aside#message {
}

	aside#message p {
		color: #c71c0f;
		font-size: 15px;
		font-weight: 500;
		padding: 7px 0 8px;
		text-align: center;
		background-color: white;
		-webkit-border-radius: 0 0 4px 4px;
		-moz-border-radius: 0 0 4px 4px;
		border-radius: 0 0 4px 4px;
		-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.2);
		-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.2);
		box-shadow: 0 2px 3px rgba(0,0,0,0.2);
	}



/* Footer
--------------------------------------------------------------------------- */

#footer {
	position: relative;
	margin-top: 100px;
	/* padding-bottom: 20px; */
	border-top: 1px solid #ccc;
	background-color: white;
	-webkit-box-shadow: 0 -4px 8px rgba(30,30,30,0.1);
	-moz-box-shadow: 0 -4px 8px rgba(30,30,30,0.1);
	box-shadow: 0 -4px 8px rgba(30,30,30,0.1);
	-webkit-text-size-adjust: none;
}

/* #footer Site Links */
	
	#footer .navigation ul {
		height: 21px;
		line-height: 21px;
		padding: 15px 0;
		list-style: none;
		margin-top: 0;
		margin-bottom: 0;
	}
	
		#footer .navigation ul li {
			float: left;
			margin-right: 20px;
		}
		
			#footer .navigation ul li.iframe {
				margin-right: 0;
			}
		
			#footer .navigation ul li a {
				color: #333;
				font-size: 12px;
				font-weight: bold;
				text-decoration: none;
				text-transform: uppercase;
				padding: 0;
				background: none;
			}
			
				#footer .navigation ul li.policy a {
					color: #999;
				}
				
				#footer .navigation ul li a:hover {
					text-decoration: underline;
				}
		
		#footer .navigation iframe {
			height: 21px;
			width: 150px;
		}
		
	/* We're Hiring Link */
	
		#footer .navigation .grid_2 a {
			width: 96px;
			height: 0;
			padding-top: 84px;
			float: right;
			display: block;
			overflow: hidden;
			margin: -32px 0 -64px;
			background: url(/images/elements/footer/hiring.png) top left no-repeat;
		}
	
/* Customer Feedback */

	#footer .recommendations {
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		padding: 10px 0px;
		margin-bottom: 10px;
	}
	
		#footer .recommendations a {
			height: 36px;
			padding: 12px 0;
			display: block;
			color: #999;
			text-decoration: none;
			text-transform: uppercase;
			background: url(/images/elements/sitewide/thumbs-up-2.png) top left no-repeat;
			-webkit-transition: none;
			-moz-transition: none;
			transition: none;
		}
			
			#footer a strong {
				display: block;
				margin-left: 48px;
			}
			
			#footer a span {
				color: #333;
				display: block;
				font-size: 24px;
			}
			
			#footer .recommendations a:hover {
				background-position: bottom left;
				-webkit-transition: background-position 400ms ease-out;
				-moz-transition: background-position 400ms ease-out;
				transition: background-position 400ms ease-out;
			}
		
		#footer .recommendations p {
			color: #999;
			line-height: 1.6em;
			margin: 0;
		}
		
			#footer .recommendations p strong {
				color: #666;
				font-weight: bold;
				text-transform: uppercase;
			}

/* Footnote Information */

	#footer .links dl {
		line-height: 1.5em;
	}
	
		#footer .links dl dt {
			color: #333;
			font-size: 18px;
			font-weight: bold;
			margin: 10px auto;
			clear: both;
		}
		
		#footer .links dl dd {
			float: left;
			display: inline;
			margin-right: 3px;
		}
		
		#footer .links dl dd.clear {
			height: 20px;
			float: none;
			display: block;
		}
		
		#footer .links dl dd.social {
			margin-right: 3px;
		}
		
			#footer .links dl dd.social a {
				width: 32px;
				height: 0;
				padding: 32px 0 0;
				
				float: left;
				display: inline;
				overflow: hidden;
				background-position: top left;
				background-repeat: no-repeat;
			}
			
				#footer .links dl dd.social.facebook a { background-image: url(/images/elements/footer/facebook.png); }
				
				#footer .links dl dd.social.twitter a { background-image: url(/images/elements/footer/twitter.png); }
				
				#footer .links dl dd.social.youtube a { background-image: url(/images/elements/footer/youtube.png); }
				
				#footer .links dl dd.social.tumblr a { background-image: url(/images/elements/footer/tumblr.png); }
				
				#footer .links dl dd.social.pinterest a { background-image: url(/images/elements/footer/pinterest.png); }

/* Receive Our Emails */

	form.signup {
		margin-bottom: 30px;
	}
		
		form.signup fieldset {
			line-height: 26px;
		}
		
			form.signup fieldset.loading {
				background: url(/images/elements/sitewide/loading-small.gif) no-repeat bottom right;
			}
		
		form.signup input {
			float: left;
			-webkit-border-radius: 0;
			-webkit-appearance: none;
		}
		
			form.signup input[type=text] {
				color: #666;
				width: 140px;
				height: 20px;
				padding: 2px 5px;
				margin-bottom: 5px;
				border: 1px solid #ccc;
				border-right: none;
				font-weight: bold;
				font-size: 12px;
			}
			
			form.signup input[type=submit] {
				color: white;
				width: 60px;
				height: 26px;
				float: left;
				font-size: 12px;
				font-weight: bold;
				text-align: center;
				background-color: #cd1c00;
			}
			
				form.signup [type=submit]:hover {
					cursor: pointer;
					background: red;
				}
		
		form.signup label {
			color: #999;
			display: block;
			clear: both;
			font-size: 11px;
			font-weight: bold;
			text-transform: uppercase;
		}
			
			form.signup label.error {
				color: #cd1c00;
			}
			
			form.signup label.success {
				color: #048d49;
			}



/* Footnote Information */

	#footer .copyright {
		color: #999;
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		margin: auto auto;
		padding: 15px 0;
/* 		background: url(/images/elements/footer/footer-logo.gif) 10px center no-repeat; */
	}
		
		#footer .copyright p, 
		#footer .copyright address {
			line-height: 1em;
		}
		
		#footer .copyright p {
			color: #999;
			margin-bottom: 5px;
		}
			
			#footer .copyright p a {
				color: #999;
				text-decoration: none;
			}
			
			#footer .copyright p span {
				color: #333;
			}
			
			#footer .copyright p strong {
				font-size: 15px;
			}
		
		#footer .copyright address {
			color: #999;
			font-weight: bold;
		}
		
			#footer .copyright address span {
				display: inline-block;
				margin-right: 10px;
			}
		
	/* Footer Payment Option Reference */
		
		#footer .copyright dl {
			height: 30px;
			line-height: 30px;
			list-style: none;
			margin-bottom: 0;
		}
		
			#footer .copyright dt {
				display: none;
			}
			
			#footer .copyright dd {
				width: 50px;
				height: 0;
				padding-top: 30px;
				overflow: hidden;
				display: inline;
				float: left;
				margin-left: 5px;
			}
			
				#footer dd.visa { background-image: url(/images/elements/sitewide/payment-big/visa.gif); }
				
				#footer dd.mastercard { background-image: url(/images/elements/sitewide/payment-big/mastercard.gif); }
				
				#footer dd.amex { background-image: url(/images/elements/sitewide/payment-big/amex.gif); }
				
				#footer dd.paypal { background-image: url(/images/elements/sitewide/payment-big/paypal.gif); }



/* Fixed Header
--------------------------------------------------------------------------- */

#fixed {
	width: 100%;
	position: fixed;
	top: 0; left: 0;
	z-index: 99;
	background-color: transparent;
}
	
	#fixed.active {
		background-image: -webkit-linear-gradient(top, rgb(245,245,245) 0%, rgba(245,245,245,0) 100%);
		background-image: -moz-linear-gradient(top, rgb(245,245,245) 0%, rgba(245,245,245,0) 100%);
		background-image: -o-linear-gradient(top, rgb(245,245,245) 0%, rgba(245,245,245,0) 100%);
		background-image: -ms-linear-gradient(top, rgb(245,245,245) 0%, rgba(245,245,245,0) 100%);
		background-image: linear-gradient(top, rgb(245,245,245) 0%, rgba(245,245,245,0) 100%);
	}
	
	#fixed form, #fixed aside, #fixed dl {
		-webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.3);
		-moz-box-shadow: 0 3px 5px rgba(0,0,0,0.3);
		box-shadow: 0 3px 5px rgba(0,0,0,0.3);
	}
	
	#fixed .container_12 {
		width: 480px;
		position: absolute;
		top: 0; left: 50%;
	}
	
	#fixed .grid_3 {
		position: relative;
	}
	
	/* Country Icons */
	
		#fixed .grid_3 .AUS { background-image: url(/images/elements/header/au.png); }
		
		#fixed .grid_3 .CAN { background-image: url(/images/elements/header/ca.png); }
		
		#fixed .grid_3 .NZL { background-image: url(/images/elements/header/nz.png); }
		
		#fixed .grid_3 .SGP { background-image: url(/images/elements/header/sg.png); }
		
		#fixed .grid_3 .GBR { background-image: url(/images/elements/header/gb.png); }
		
		#fixed .grid_3 .USA { background-image: url(/images/elements/header/us.png); }
	
	/* Checkout Information */	
	
		#fixed .grid_3 dl.cart-info {
			height: 25px;
			margin: 0;
			font-size: 12px;
			line-height: 26px;
			background-color: white;
		}
		
			#fixed .grid_3 dl.cart-info dt {
				cursor: pointer;
				width: 50px;
				padding: 0 5px 0 10px;
				margin-right: 10px;
				height: 25px;
				float: left;
				font-weight: inherit;
				background: url(/images/elements/sitewide/small-black-arrow-down.png) right center no-repeat;
			}
			
				#fixed .grid_3 dl.cart-info dt span {
					padding-left: 20px;
					float: left;
					display: block;
					background-position: 0 7px;
					background-repeat: no-repeat;
				}
			
			#fixed .grid_3 dl.cart-info dd {
				width: 145px;
				height: 25px;
				float: right;
			}
			
				#fixed .grid_3 dl.cart-info dd a {
					color: #048d49;
					text-decoration: none;
				}
			
				#fixed .grid_3 dl.cart-info dd strong {
					color: black;
					font-weight: inherit;
				}
			
				#fixed .grid_3 dl.cart-info dd em {
					width: 30px;
					height: 25px;
					cursor: pointer;
					float: right;
					background: url(/images/elements/header/cart.png) center no-repeat #cd1c00;
				}
				
					#fixed .grid_3 dl.cart-info dd em:hover {
						background-color: red;
					}
	
	/* +1 Item Dropdown */
		
		#fixed .grid_3 dl.cart-item {
			width: 100%;
			padding-bottom: 20px;
			position: absolute;
			z-index: 99;
			text-align: center;
			background-color: white;
			-webkit-border-radius: 0 0 4px 4px;
			-moz-border-radius: 0 0 4px 4px;
			border-radius: 0 0 4px 4px;
		}
		
			#fixed .grid_3 dl.cart-item dt {
				color: black;
				height: 96px;
				font-size: 36px;
				line-height: 96px;
				padding: 20px 0;
				border-top: 1px dotted #ccc;
				border-bottom: 1px dotted #ccc;
				text-shadow: 1px 1px 0 white;
				background-color: #fafafa;
			}
			
			#fixed .grid_3 dl.cart-item dt.loading {
				background: url(/images/elements/sitewide/loading.gif) center center no-repeat  #fafafa;
			}
			
			#fixed .grid_3 dl.cart-item dd {
				font-size: 14px;
				padding: 20px 20px 0;
			}
	
	/* Shipping Destination Dropdown */	
	
		#fixed .grid_3 dl.cart-location {
			width: 140px;
			padding-bottom: 10px;
			position: absolute;
			z-index: 99;
			background-color: white;
			-webkit-border-radius: 0 0 4px 4px;
			-moz-border-radius: 0 0 4px 4px;
			border-radius: 0 0 4px 4px;
		}
		
				#fixed .grid_3 dl.cart-location dt {
					font-size: 11px;
					line-height: 1.2em;
					padding: 8px 10px 10px;
					margin-bottom: 10px;
					border-top: 1px dotted #ccc;
					border-bottom: 1px dotted #ccc;
					background-color: #fafafa;
				}
				
				#fixed .grid_3 dl.cart-location dd {
					padding: 0 10px 5px;
				}
				
					#fixed .grid_3 dl.cart-location dd a {
						color: #666;
						display: block;
						padding-top: 2px;
						padding-left: 20px;
						text-decoration: none;
						background-position: left center;
						background-repeat: no-repeat;
					}
					
						#fixed .grid_3 dl.cart-location dd a:hover {
							color: #333;
							text-decoration: underline;
						}

/* Search Field */
	
	#fixed .grid_3 form {
		height: 25px;
		overflow: hidden;
		background-color: white;
	}
		
		#fixed .grid_3 form input {
			width: 175px;
			height: 16px;
			margin: 4px 5px auto 10px;
			float: left;
			outline: 0;
			background-color: white;
		}
		
			#fixed .grid_3 form input.loading {
				background: url(/images/elements/sitewide/loading-small.gif) no-repeat right center white;
			}
		
		#fixed .grid_3 form button {
			width: 30px;
			height: 25px;
			cursor: pointer;
			float: right;
			background: url(/images/elements/header/magnify-glass-icon.png) center no-repeat #cd1c00;
		}
		
			#fixed .grid_3 form button:hover {
				background-color: red;
			}
	
	/* Search Suggestions */
		
		#fixed .grid_3 aside {
			width: 220px;
			position: absolute;
			z-index: 99;
			background-color: white;
			-webkit-border-radius: 0 0 4px 4px;
			-moz-border-radius: 0 0 4px 4px;
			border-radius: 0 0 4px 4px;
		}
		
			#fixed .grid_3 aside h5 {
				font-size: 18px;
				font-weight: bold;
				padding: 0 10px 2px;
				margin-bottom: 5px;
				border-top: 1px dotted #ccc;
				border-bottom: 1px dotted #ccc;
				background-color: #fafafa;
			}
			
			#fixed .grid_3 aside img {
				width: 60px;
				min-height: 63px;
				display: inline-block;
				vertical-align: middle;
				background-color: #eee;
			}
			
			#fixed .grid_3 aside ul {
				padding-bottom: 5px;
				margin: auto auto 5px;
				list-style: none;
				border-bottom: 1px dotted #ccc;
			}
			
			#fixed .grid_3 aside ul li {
				line-height: 1.3em;
				clear: both;
			}
			
			#fixed .grid_3 aside ul li a {
				color: #999;
				display: block;
				padding: 5px 10px;
				text-decoration: none;
			}
			
				#fixed .grid_3 aside ul li a:hover {
					background-color: #eee;
				}
			
				#fixed .grid_3 aside ul li a strong {
					color: #4c8cac;
					width: 130px;
					margin-left: 10px;
					display: inline-block;
					vertical-align: middle;
					font-size: 13px;
					font-weight: 500;
				}
				
					#fixed .grid_3 aside ul li a strong span {
						color: #999;
						font-size: 11px;
						font-weight: normal;
						display: block;
					}
		
			#fixed .grid_3 aside a.results {
				display: block;
				color: white;
				margin-top: 1px;
				padding: 5px 0 6px;
				font-weight: bold;
				text-align: center;
				text-decoration: none;
				-webkit-border-radius: 0 0 4px 4px;
				-moz-border-radius: 0 0 4px 4px;
				border-radius: 0 0 4px 4px;
			}
				
				#fixed .grid_3 aside ul + a.results {
					margin-top: -6px;
				}
				
				#fixed .grid_3 aside a.results.more {
					background-color: #cd1c00;
				}
				
					#fixed .grid_3 aside a.results:hover {
						background-color: red;
					}
				
				#fixed .grid_3 aside a.results.none {
					background-color: #333;
				}
				
					#fixed .grid_3 aside a.none:hover {
						background-color: black;
					}




/* Sidebar
--------------------------------------------------------------------------- */

aside#sidebar {
	opacity: 0;
	z-index: 99;
	position: absolute;
	top: 190px; left: -180px;
	line-height: 1.2em;
	padding: 10px;
	margin-top: 20px;
	margin-left: 0;
	background-color: white;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.2);
	box-shadow: 0 2px 3px rgba(0,0,0,0.2);
	-webkit-transition: left 250ms ease-in-out;
	-moz-transition: left 250ms ease-in-out;
	transition: left 250ms ease-in-out;
}
	
	aside#sidebar.visible {
		opacity: 1;
		left: 0;
	}
	
	#sidebar.fixed {
		position: fixed;
		top: 0;
	}

	aside#sidebar dl {
		margin-top: 30px;
	}
	
		aside#sidebar dt {
			color: black;
			font-size: 12px;
			text-transform: uppercase;
			padding-bottom: 5px;
			margin-bottom: 5px;
			border-bottom: 1px solid #ccc;
		}
		
			aside#sidebar dt a {
				color: black;
				text-decoration: none;
			}
			
				aside#sidebar dt a span {
					display: inline-block;
				}
				
				aside#sidebar dt a:hover {
					text-decoration: underline;
				}
		
		aside#sidebar dd {
			font-size: 11px;
		}
		
			aside#sidebar dd a {
				color: #666;
				text-decoration: none;
			}
			
				aside#sidebar dd.other a {
					color: #80d9ad;
				}
				
				aside#sidebar dd a:hover {
					text-decoration: underline;
				}



/* AJAX Load */

aside#loading {
	margin-left: 188px;
	width: 752px;
	width: 100px;
	height: 100px;
	position: fixed;
	top: 50%;
	left: 38%;
	background: url(/images/elements/sitewide/loading.gif) no-repeat center;
	text-align: center;
	padding: 10px;
	z-index: 2;
	overflow: auto;
}



/* Additional Content */

.additional_content {
	margin: 20px 0 -100px;
	padding: 30px 0;
	border-top: 1px solid #ccc;
	background: url(/images/elements/sitewide/angled-lines.png) top center fixed #ddd;
}