/* Hollander Main Styles 
    Author: Matt Radel on March 6th 2008
	UPDATED for Store Fixtures - Jon Steenbergen September 1st 2009
*/

body {
	background: url(../img/bkg.png) repeat-x;
	margin: 0;
	padding: 0;
	font-family:"helvetica neue", helvetica, arial, sans-serif;
	font-size: 15px;
	color: #000;
}

img {border: 0;}

a:link {color: #c90415;}

a:visited {color: #595B5F;}

a:hover {
	color: #c90415;
	text-decoration: none;
}

/* Misc */

.clear {
	line-height: 0;
	font-size: 0;
	height: 0;
	clear: both;
}
.solo{display:none;}

.imageFloatLeft {
	float: left;
	padding: 0 10px 10px 0;
}
.imageFloatRight {
	float: right;
	padding: 0 0 10px 10px;
}

/* Structure */

#mainContainer {
	width: 940px;
	margin: 0 auto;
}

 	#header {position: relative;}
	
		#header a {display: block;}
		
		#logoPrint {display: none;}
	
		#logoWeb {
			position: relative;
			top: 11px;
			left: 5px;
			margin: 0;
			padding: 0;
			width: 307px;
		}
	
			#logoWeb a {
				overflow: hidden;
				text-indent: -999em;
				background: url(../img/logo_web.png) no-repeat;
				width: 307px;
				height: 112px;
			}
		
		#functNav {
			position: absolute;
			top: 0;
			right: 6px;
			margin: 0;
			padding: 0;
			list-style: none;
		}
		
			#functNav li {
				float: left;
				background: url(../img/function_nav_bkg.png) no-repeat top left;
			}
		
			#functNav li a {
				font-size: 14px;
				padding: 8px 15px;
				color: #b3b3b3;
				text-decoration: none;
			}
			
			#functNav li a:hover {
				background-color: #232529;
				color: #fff;
			}
			
			#functNav li a.on {
				background-color: #232529;
				color: #fff;
			}
			
			#functNav li#visit a {
				position: relative;
				left: 15px;
				color: #232529;
				background: url(../img/visit_arrow.png) no-repeat;
				width: 188px;
				padding: 0;
				height: 34px;
				overflow: hidden;
				text-indent: -999em;
			}
			
			#functNav li#visit a:hover {background: url(../img/visit_arrow.png) no-repeat 0 -34px;}
			
			#functNav li#arch a {
				position: relative;
				left: 15px;
				color: #232529;
				background: url(../img/arch_arrow.png) no-repeat;
				width: 188px;
				padding: 0;
				height: 34px;
				overflow: hidden;
				text-indent: -999em;
			}
			
			#functNav li#arch a:hover {background: url(../img/arch_arrow.png) no-repeat 0 -34px;}			
			
			#functNav li#logout {
				position: relative;
				font-size: 14px;
				padding: 8px 35px 8px 15px;
				color: #b3b3b3;
			}
			
			#functNav li#logout a {
				position: absolute;
				height: 34px;
				width: 22px;
				overflow: hidden;
				text-indent: -999em;
				top: 0;
				right: 10px;
				padding: 0;
				background: url(../img/logout_btn.png) no-repeat;
			}
			
			#functNav li#logout a:hover {background: url(../img/logout_btn.png) no-repeat 0 -34px;}
				
		
		#loginForm {
			background-color: #232529;
			padding: 10px 13px 9px 13px;
			position: absolute;
			top: 34px;
			left: 438px;
			height: 140px;
			width: 170px;
			z-index: 100;
			voice-family: "\"}\""; 
		  	voice-family:inherit;
		  	height: 121px;
			width: 154px;
		}
		
			#loginForm p {
				color: #b3b3b3;
				font-size: 14px;
				margin: 0;
				padding: 0;
			}
		
			#loginForm form {display: block;}
			
			#loginForm button {
				margin-top: 4px;
				font-size: 12px
			}
			
			#loginForm input {
				margin: 4px 0;
				width: 150px
			}
			
			#loginForm a {
				float: right;
				color: #b3b3b3;
				font-size: 14px;
			}
			
			#login {font-weight: bold;}
			
			
		#searchContent {
			position: absolute;
			top: 70px;
			right: 6px;
			height: 31px;
			line-height: 30px;
		}
		
			#searchContent form {
				position: relative;
				display: block;
				height: 32px;
				width: 238px;
				background: url(../img/search_bkg.png) repeat-x;
			} 
			
				#searchContent input {
					color: #b80412;
					font-size: 13px;
					padding: 3px 5px;
					margin-bottom: 6px;
					border: 1px solid #999;
					position: absolute;
					top: 4px;
					right: 55px;
					width: 167px;
				}
				
				/* Yes, I know - hacks are evil. But sometimes you just HAVE to. */
				
				@media screen and (-webkit-min-device-pixel-ratio:0) {
					#searchContent input {
						top: 2px;
						right: 53px;
						width: 168px;
					}
				}
		
			#searchContent h2 {
				font-size: 18px;
				color: #b80412;
				margin: 0;
				padding: 0 8px 0 30px;
				display: inline;
				background: url(../img/phone.png) no-repeat top left;
				border: 1px solid #dcdcdc;
				line-height: 30px;
				height: 30px;
				position: absolute;
				right: 237px;
			}
			
			#searchContent button {
				border: 0;
				margin: 0;
				padding: 0;
				cursor: pointer;
				cursor: hand;
				background: url(../img/go_btn.png) no-repeat;
				width: 55px;
				height: 32px;
				overflow: hidden;
				text-indent: -999em;
				position: absolute;
				top: 0;
				right: 0;
			}
			
			#searchContent button:hover {background: url(../img/go_btn.png) no-repeat 0 -32px;}
			
		/* Body */
			
		#bodyWrapper {padding: 50px 11px 30px 11px;}	
		
		#bannerHome {
			float: left;
			padding-left: 4px;
		}
		
		#teasersHome {
			float: right;
			width: 238px;
		}
		
			#teasersHome a {display: block;}
		
			#teasersHome div {
				position: relative;
				border-top: 1px solid #c0c0c0;
				padding: 0 0 10px 0;
			}
		
			#teasersHome h2 {
				margin: 0;
				padding: 6px 0 6px 80px;
				background-color: #e5e5e5;
				color: #232529;
				font-size: 15px;
				border-top: 1px solid #fff;
				border-bottom: 1px solid #fff;
			}
			
			#teasersHome hr {
				border: 0;
				border-bottom: 1px dotted #c0c0c0;
				color: #ccc;
				height: 1px;
				margin: 0;
				padding: 0;
			}
			
			#teasersHome p {
				border-top: 1px dotted #c0c0c0;
				padding: 7px 0 7px 80px; 
				margin: 0;
				font-size: 13px;
				line-height: 1.3em;
			}
			
			#teasersHome #badge {
				position: absolute;
				top: 5px;
				left: 8px;
				background: url(../img/free_badge.png) no-repeat;
				width: 68px;
				height: 65px;
				overflow: hidden;
				text-indent: -999em;
				border-top: 0;
			}
			
			#teasersHome #download {
				position: absolute;
				top: 5px;
				left: 8px;
				background: url(../img/download.png) no-repeat;
				width: 65px;
				height: 66px;
				overflow: hidden;
				text-indent: -999em;
				border-top: 0;
			}
			
			#teasersHome #quoteBtn {
				background: url(../img/get_quote_btn.png) no-repeat;
				width: 102px;
				height: 23px;
				overflow: hidden;
				text-indent: -999em;
				position: relative;
				left: 80px;
			}
			
			#teasersHome #quoteBtn:hover {background: url(../img/get_quote_btn.png) no-repeat 0 -23px;}
			
			#teasersHome #downloadBtn {
				background: url(../img/request_dwnlds_btn.png) no-repeat;
				width: 150px;
				height: 23px;
				overflow: hidden;
				text-indent: -999em;
				position: relative;
				left: 80px;
			}
			
			#teasersHome #downloadBtn:hover {background: url(../img/request_dwnlds_btn.png) no-repeat 0 -23px;}
			
			/* Home Welcome */
			
			#welcome {
				float: left;
				width: 431px;
				position: relative;
				left: 4px;
				padding: 6px 0 12px 0;
			}
			
				#welcome p {
					font-size: 16px;
					line-height: 1.4em
				}
				
				#welcome h1 {margin: 4px 0;}

			/* Home Features */
			
			#featuredItems {
				background: url(../img/features_bkg.png) no-repeat;
				float: right;
				width: 462px;
				height: 290px;
				position: relative;
				bottom: 11px;
			}
			
				#featuredItems h2 {
					position: relative;
					top: 23px;
					left: 25px;
				}
				
				#systems {
					list-style: none;
					padding: 0;
					margin: 0;
					width: 420px;
					position: relative;
					top: 25px;
					left: 22px;
				}
				
					#systems li {
						float: left;
						padding: 3px;
					}
					
					#systems a {
						display: block;
						width: 96px;
						height: 96px;
						overflow: hidden;
						text-indent: -999em;
						border: 1px solid #c90415
					}
					
					#systems a:hover {border: 1px solid #000}
					
					/* fixtures images */
					
					#exhibits a{background: url(../img/exhibits.jpg) no-repeat;}

					#floorracks a{background: url(../img/floor_racks.jpg) no-repeat;}

					#graphickits a{background: url(../img/graphic_kits.jpg) no-repeat;}

					#kiosks a{background: url(../img/kiosks.jpg) no-repeat;}

					#railing a{background: url(../img/railing.jpg) no-repeat;}

					#shoeracks a{background: url(../img/shoe_racks.jpg) no-repeat;}

					#wallracks a{background: url(../img/wall_racks.jpg) no-repeat;}

					#exhibits a:hover,
					#floorracks a:hover,
					#graphickits a:hover,
					#kiosks a:hover,
					#railing a:hover,
					#shoeracks a:hover,
					#wallracks a:hover{
						background-position: 0 -96px;
					}
					
		/* Interior */
		
		#mainCol {
			float: right;
			width: 663px;
			margin-top: 48px;
			padding: 0 0 30px 0;
			position: relative;
			right: 15px;
		}
		
		#navCol {
			float: left;
			width: 231px;
			margin-top: 48px;
			padding: 0 0 30px 0;
			position: relative;
			left: 14px;
		}
		
			#teasers a {display: block;}
		
			#teasers div {
				position: relative;
				border: 1px solid #c0c0c0;
				padding: 0 0 10px 0;
				margin: 0 0 15px 0;
			}
		
			#teasers h2 {
				margin: 0;
				padding: 6px 0 6px 65px;
				background-color: #e5e5e5;
				color: #232529;
				font-size: 15px;
				border: 1px solid #fff;
			}
			
			#teasers hr {
				border: 0;
				border-bottom: 1px dotted #c0c0c0;
				color: #ccc;
				height: 1px;
				margin: 0;
				padding: 0;
			}
			
			#teasers p {
				border-top: 1px dotted #c0c0c0;
				padding: 7px 0 7px 65px; 
				margin: 0;
				font-size: 13px;
				line-height: 1.3em;
			}
			
			#teasers #badge {
				position: absolute;
				top: 0;
				left: -10px;
				background: url(../img/free_badge.png) no-repeat;
				width: 68px;
				height: 65px;
				overflow: hidden;
				text-indent: -999em;
				border-top: 0;
			}
			
			#teasers #download {
				position: absolute;
				top: 0;
				left: -10px;
				background: url(../img/download.png) no-repeat;
				width: 65px;
				height: 66px;
				overflow: hidden;
				text-indent: -999em;
				border-top: 0;
			}
			
			#teasers #quoteBtn {
				background: url(../img/get_quote_btn.png) no-repeat;
				width: 102px;
				height: 23px;
				overflow: hidden;
				text-indent: -999em;
				position: relative;
				left: 65px;
			}
			
			#teasers #quoteBtn:hover {background: url(../img/get_quote_btn.png) no-repeat 0 -23px;}
			
			#teasers #downloadBtn {
				background: url(../img/request_dwnlds_btn.png) no-repeat;
				width: 150px;
				height: 23px;
				overflow: hidden;
				text-indent: -999em;
				position: relative;
				left: 65px;
			}
			
			#teasers #downloadBtn:hover {background: url(../img/request_dwnlds_btn.png) no-repeat 0 -23px;}
					
			/* Interior Banners */
			
			#floorRacks {
				background: url(../img/floorracks_banner.jpg) no-repeat;
				width: 684px;
				height: 96px;
				overflow: hidden;
				text-indent: -999em;
				margin: 0;
				padding: 0;
			}
								
			/* One Column */
			
			#content {
				padding: 8px 8px 25px 8px;
				line-height: 1.4em;
			}
			
			/* Two Column */
			
			#leftCont {
				float: left;
				width: 390px;
			}
			
			#rightCont {
				float: right;
				width: 232px;
				padding: 15px;
				background-color: #eeecec;
				border: 1px solid #c8c8c9;
				voice-family: "\"}\""; 
				voice-family:inherit;
				width: 202px;
			}
			
		
		/* Footer */
			
		#footer {
			width: 100%;
			border-top: 5px solid #999;
			background: url(../img/footer_dot.gif) repeat-x top left;
			color: #494a4d;
			font-size: 12px;
			padding-bottom: 20px;
		}
		
			#footer p {
				margin: 0;
				padding: 0;
			}
		
			#footer a {color: #494a4d;}
		
			#footerContent {
				width: 920px;
				margin: 0 auto;
				padding: 15px 0
			}
		
				#footer p#copyright {
					float: left;
				}
				
				#footer p#gcLove {
					float: right;
					position: relative;
					bottom: 7px;
				}
				
				#footer img {
					position: relative;
					top: 6px;
					left: 2px;
				}
			
	/* Form Styles */
	
	.red {
		color: #95151e;
		font-size: 17px;
	}
	
	form {display: inline;}
	
	label {
		display: block;
		width: 175px;
		float: left;
		margin-bottom: 6px;
		text-align: right;
		padding-right: 6px;
		font-size: 14px;
		line-height: 1.8em;
	}
	
	label.required {
		font-weight: bold;
		color: #9A030C;
		font-style: italic;
	}
	
	form br {clear: left;}
	
	input {
		color: #000;
		font-size: 14px;
	}
	
	select {font-size: 14px;}
	
	textarea {
		color: #000;
		font-size: 14px;
	}