/* Lt. Moses Willard Master Styles */

/* Imports */
@import url("text.css");
@import url("nav.css");

body {
	margin: 0;
	padding: 0;
	background: url(../_img/_structure/bkg_inner.jpg) #310f00 top center no-repeat;
	line-height: 1.4em;
}

body#home {
	margin: 0;
	padding: 0;
	background: url(../_img/_structure/bkg.jpg) #310f00 top center no-repeat;
	line-height: 1.4em;
}

img {
	border: 0;
}

a {
	outline: none;
}

.clear {
	clear: both;
	height: 0;
	line-height: 0;
}

/* Structure */

#container {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

	#header {
		position: relative;
		height: 150px;
	}
	
		#logo {
			display: block;
			background: url(../_img/_structure/logo.png) no-repeat;
			width: 279px;
			height: 144px;
			position: absolute;
			top: 14px;
			left: -4px;
			margin: 0;
			padding: 0;
		}
		
			#logo span {
				display: none;
			}
			
		#printLogo {
			display: none;	
		}
		
			#topTatter {
				position: absolute;
				top: 0;
				right: 32px;
				/* width: 242px; */
				width: 510px;
				height: 35px;
			}
				
				#share {
					background: url(../_img/_structure/_btns/share_btn.jpg) no-repeat;
					position: absolute;
					top: 0;
					left: 4px;
					width: 79px;
					height: 34px;
					display: block;	
					z-index: 100;
				}
				
					#share:hover {
						background-position: 0 -34px;	
					}
					
				#email {
					background: url(../_img/_structure/_btns/email_btn.jpg) no-repeat;
					position: absolute;
					top: 0;
					left: 81px;
					width: 112px;
					height: 34px;
					display: block;	
					z-index: 100;
				}
				
					#email:hover {
						background-position: 0 -34px;	
					}
				
				#number {
					position: absolute;
					/* right: -20px; */
					right: 138px;
					top: 3px;
					background: url(../_img/_structure/number.png) no-repeat;
					width: 174px;
					height: 35px;
				}
				
					#number span {
						display: none	
					}
				
				#topSearch {
					position: relative;	
				}
				
				
				#topTatter form {	
					line-height: 1.4em;
					width: 200px;
					height: 25px;
				}
				
					#topTatter input {
						background-color: transparent;
						position: absolute;
						top: 6px;
						right: 37px;
						font-family: georgia, times, serif;
						width: 110px !important;
						border: none;
						color: #2c0f08;
						padding: 3px 5px;
						z-index: 100;
					}
					
						#topTatter #inputBkg {
							background-color: #DECBB5;	
							width: 119px !important;
							height: 20px;
							position: absolute;
							top: 7px;
							right: 37px;
						}
					
					#topTatter button {
						position: absolute;
						top: 7px;
						right: 0;
						background: url(../_img/_structure/_btns/go_btn.jpg) no-repeat;
						width: 30px;
						height: 20px;
						border: none;
						margin: 0;	
						cursor: pointer
					}
					
						#topTatter button:hover {
							background: url(../_img/_structure/_btns/go_btn.jpg) no-repeat 0 -20px;
						}
					
						#topTatter button span {
							display: none;
						}	
					
				
		.shelf {
			position: relative;
			left: 18px;
			background: url(../_img/_structure/shelf.png) no-repeat;
			width: 928px;
			height: 24px;
			z-index: 8;
		}
		
	/* Interior */
	
	#pageWrap {
		width: 925px;
		position: relative;
		left: 15px;
	}
	
		#sideCol {
			float: left;
			width: 200px;
			margin-top: 45px;
			position: relative;
			left: 10px;
		}
		
			#sideCol span {
				display: none;	
			}
		
			#gallery {
				display: block;
				background: url(../_img/_structure/gallery_tease.jpg) no-repeat;
				width: 197px;
				height: 116px;
			}
				
				#gallery p {
					display: none;
				}
		
			#callUs {
				display: block;
				background: url(../_img/_structure/call_us.png) no-repeat;
				width: 197px;
				height: 125px;
				margin-top: 10px;
			}
			
				#callUs h3 {
					display: none;
				}
				
				#callUs p {
					display: none;
				}
				
		#mainCol {
			float: right;
			position: relative;
			width: 710px;
		}
		
			#cap {
				background: url(../_img/_structure/_body/cap.png) no-repeat;
				height: 26px;
				width: 710px;
			}
			
				#topGrad {
					position: absolute;
					top: 12px;
					left: 7px;
					background: url(../_img/_structure/_body/top_grad.png) no-repeat;
					width: 696px;
					height: 92px;
					z-index: 10;
				}
			
			#bodyWrap {
				background: url(../_img/_structure/_body/body_bkg.png) repeat-y;
				width: 710px;
			}
			
				#content {
					padding: 15px 35px 20px 40px;
					position: relative;
					z-index: 20;
				}
			
				#content h1 {
					margin: 0;
				}
				
				#content table {
					position: relative;
					left: -8px;
					
				}
				
					#content table td {
						border: 1px solid #C1AF79;
						text-align: center;
						padding: 10px;
					}
					
						#content table img {
							width: 180px;
						}
				
			
			#foot {
				background: url(../_img/_structure/_body/foot.png) no-repeat;
				height: 40px;
				width: 710px;
			}
			

	/* Footer */
	
	#footer {
		width: 905px;
		margin: 20px auto;
		position: relative;
	}
	
		#footer p {
			color: #c3a587;
			font-style: italic;
			margin: 0;
			padding: 0;
		}
		
			#footer #ofcLove {
				position: absolute;
				top: 0;
				right: 0;
				text-align: right;
				line-height: 1.8em
			}
			
				 #footer #ofcLove a {
					padding: 0;
				}
				
			#footer #ofcCred {
				color: #956952
			}
			
				 #footer #ofcCred a {
				 	color: #956952;
					padding: 0;
					text-decoration: none;
				}
				
				#footer #ofcCred a:hover {
					text-decoration: underline;	
				}
		
		#footer a {
			color: #c3a587;
			padding: 0 5px;
		}
		
		#ulFooter {
			position: absolute;
			top: 2px;
			right: 0;
			line-height: 1.3em;
		}
		
			#ulFooter a {
				display: block;	
				background: url(../_img/_structure/ul_label_foot.png) no-repeat top left;
				height: 50px;
				padding: 0 0 0 40px !important;
				color: #956952 !important;
				text-decoration: none
			}


/* Home */

	#flashBanner {
		position: absolute;
		top: 157px;
		left: 29px;
		z-index: 5;
		width: 903px;
		height: 313px;
	}
	
		#flashBanner a {
			background: url(../_img/_home/get_flash.jpg) no-repeat;
			display: block;
			width: 905px;
			height: 313px;	
		}
		
			#flashBanner a span {
				display: none;
			}

	#homeFeatures {
		width: 908px;
		text-align: center;
		position: relative;
		left: 29px;
		margin-top: 320px;
	}
		
		#homeFeatures h2 {
			margin: 32px 0 0 0;
			padding: 0;
		}
		
		#homeFeatures p {
			font-family: arial, helvetica, sans-serif;
			font-size: 11px;
			color: #e3d2bc;
			margin: 0;
			padding: 0;
			line-height: 1.7em;
		}
		
		#homeFeatures .wrap {
			padding: 0 25px;
		}
	
		#mainFeature h1 {
			padding: 0 35px 0 0;
			margin: 30px 0 0 0;
			color: #e3d2bc;
			font-size: 24px;
			font-weight: normal
		}
	
		#mainFeature {
			float: left;
			position: relative;
			background: url(../_img/_home/green_feature.jpg) no-repeat;
			width: 452px;
			height: 202px;
		}
		
			#mainFeature a {
				color: #e3d2bc;	
				text-decoration: none;
				border-bottom: 1px solid #6F6A61;
			}
			
			#mainFeature a:hover {
				color: #e3d2bc;	
				text-decoration: none;
				border-bottom: none
			}
		
			#mainFeature p {
				font-family: georgia, times, serif;
				padding: 0 35px 0 0;
				margin: 0;
				font-size: 14px;
			}
		
			#mainFeature .wrap {
				width: 300px;
				float: right;
			}
			
				#lamp {
					position: absolute;
					top: -14px;
					left: -20px;
					background: url(../_img/_home/lamp.png) no-repeat;
					width: 155px;
					height: 220px;
					z-index: 6;
				}
			
		#midFeature {
			float: left;
			position: relative;
			background: url(../_img/_home/yellow_feature.jpg) no-repeat;
			width: 229px;
			height: 202px;
		}
		
			#midFeature h2 {
				color: #e3d2bc;
				font-size: 18px;
				font-weight: normal;	
			}
		
			#blocks {
				position: absolute;
				bottom: 0;
				left: 30px;
				background: url(../_img/_home/blocks.png) no-repeat;
				width: 170px;
				height: 54px;
			}
		
		#sideFeature {
			float: left;
			position: relative;
			background: url(../_img/_home/blue_feature.jpg) no-repeat;
			width: 225px;
			height: 202px;
		}
		
			#sideFeature h2 {
				color: #e3d2bc;
				font-size: 18px;
				font-weight: normal;	
			}
			
			#sideFeature a {
				color: #e3d2bc;	
			}
		
			#willardBox {
				position: absolute;
				bottom: 0;
				left: 50px;
				background: url(../_img/_home/willard_box.png) no-repeat;
				width: 120px;
				height: 80px;
			}
			
			#phoneHome {
				position: absolute;
				bottom: -12px;
				left: 36px;
				background: url(../_img/_home/phone.png) no-repeat;
				width: 149px;
				height: 107px;
			}
		

/* About */

	#aboutBanner {
		position: relative;
		top: 12px;
		right: 7px;
		background: url(../_img/_about/green_stripe.jpg) no-repeat right center;
		width: 100%;
		height: 200px;
		z-index: 20;
	}
	
		#aboutBanner p {
			width: 388px;
			font-size: 13px;
			position: absolute;
			top: 63px;
			left: 280px;
		}
		
		#aboutBanner h4 {
			position: absolute;
			top: 27px;
			left: 280px;
		}
	
		#chrisPic {
			position: relative;
			top: -20px;
			left: 20px;
			background: url(../_img/_about/chris.png) no-repeat;
			width: 265px;
			height: 260px;
		}

	#collectionContent {
		width: 425px;
	}

	#birdLamp {
		position: absolute;
		top: -25px;
		right: 20px;
		z-index: 22;
		background: url(../_img/_about/bird_lamp.png) no-repeat;
		width: 196px;
		height: 300px;
	}
	
		#ulLogo {
			float: left;
			background: url(../_img/_about/ul_label.png) no-repeat;
			width: 71px;
			height: 78px;
		}
		
			#ulLogo span {
				display: none;
			}	
		
		#safeText {
			float: right;
			width: 520px;
			margin-right: 20px;
		}	

/* Products */

	#mainCol .shelf {
		background: url(../_img/_products/_elements/shelf_short.png) no-repeat;
		width: 702px;
		height: 24px;
	}
	
		.heroes {
			position: relative;
			right: 12px;
		}
	
		.hero {
			position: relative;
			left: 30px;
			z-index: 20;
			height: 200px;
			width: 200px;
		}
		
			.heroInfo {
				position: absolute;
				bottom: 0;
				background: url(../_img/_products/_elements/shelf_title.jpg) no-repeat bottom center;
				width: 151px;
				height: 26px;
				text-align: center;
			}
		
			.hero h5 {
				margin: 0;
				padding: 4px 0 0 0;
			}
			
			.shelfBtn {
				position: absolute;
				bottom: -21px;
				left: 25px;
				background: url(../_img/_products/_elements/shelf_btn.png) no-repeat;
				width: 101px;
				height: 21px;
			}
			
			.shelfBtn a {
				position: relative;
				bottom: 1px;
				right: 7px;
				font-family: georgia, times, serif;
				font-size: 10px;
				font-style: italic;
				text-decoration: none;
				display: block;
				color: #f8e0c3 !important;
			}
			
			.shelfBtn a:hover {
				text-decoration: underline
			}
	

	/* Search */
	
	#cssrchdiv {
		margin-top: 10px;
		font-family: georgia, times, serif;
	}
	
		#cssrchdiv input {
			float: left;
			font-family: georgia, times, serif;
			font-size: 13px;
			font-style: italic;	
			height: 17px;
		}
		
		#cssrchdiv button {
			float: left;
			text-transform: uppercase;
			font-size: 10px;
			display: block;	
			background-color: #2c0f08;
			padding: 5px 12px 4px 12px;
			color: #F1E8D0;
			text-decoration: none;
			margin: 0 0 0 10px;
			border: none;
			cursor: pointer;
			border: 1px solid #2c0f08;	
		}
		
		#cssrchdiv button:hover {
			background-color: #4F1B0F;
			color: #fff;	
		}
		
			#search_results {
				font-family: georgia, times, serif;
			}
		
		.ss_results_count {
			margin: 10px 0 0 0;
			padding: 0;
			font-size: 13px;
			font-style: italic;	
		}
		
		.ss_pagination {
			width: 640px;
			overflow: auto;	
		}
		
			.ss_pagination a {
				float: left;
				position: relative;
				top: 2px;
				padding: 5px;
				font-size: 12px;
				border: 1px solid #C1AF79;
				margin: 0 5px 20px 0;
				text-decoration: none;
			}
		
		#ss_results dt {
			margin: 0;
			padding: 10px 0 5px 0;	
		}
		
			#ss_results dd {
				margin: 0;
				padding: 0 0 20px 0;
				font-size: 12px;
				line-height: 1.2em;
				border-bottom: 1px solid #C1AF79	
			}
			
	/* Form Styles */
	
	#dealerForm {
		margin: 10px 0 0 0;
		padding: 0 15px 0 0;
		color: #2c0f08;
		font-family: georgia, times, serif;
		font-size: 12px;
	}

		#dealerForm label {
			display: block;	
			margin: 6px 0 0 0;
		}
		
		
		#dealerForm span {
			color: #BB3003	
		}
		
		#dealerForm button {
			text-transform: uppercase;
			font-size: 10px;
			display: block;	
			background-color: #2c0f08;
			padding: 5px 12px 4px 12px;
			color: #F1E8D0;
			text-decoration: none;
			margin: 0;
			border: none;
			cursor: pointer;
			border: 1px solid #2c0f08;	
		}
		
	#contactForm {
		margin: 10px 0 0 0;
		padding: 0 15px 0 0;
		color: #2c0f08;
		font-family: georgia, times, serif;
		font-size: 12px;
	}

		#contactForm label {
			display: block;	
			margin: 6px 0 0 0;
		}
		
		
		#contactForm span {
			color: #BB3003	
		}
		
		#contactForm button {
			text-transform: uppercase;
			font-size: 10px;
			display: block;	
			background-color: #2c0f08;
			padding: 5px 12px 4px 12px;
			color: #F1E8D0;
			text-decoration: none;
			margin: 0;
			border: none;
			cursor: pointer;
			border: 1px solid #2c0f08;	
		}
		
		.left {
			float: left;	
		}
		
		.right {
			float: right;	
		}

		
		.colors {
			border: none !important;
			font-size: 10px;
			
		}
		
			.colors td {
				border: none !important;
				vertical-align: top;
			}
			
				.colors td img {
					border: 2px solid #fff	
				}