/* 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: 48px;
			position: relative;
			left: 10px;
		}
		
			#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 45px;
					position: relative;
					z-index: 20;
				}
			
				#content h1 {
					margin: 0;
					padding: 0;
				}
				
				#content table {
					position: relative;
					
				}
				
					#content table td {
						text-align: center;
					}
					
						#content table img {
							width: 200px;
						}
				
			
			#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: 139px;
		z-index: 5;
	}

	#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;
		}
	
		#mainFeature {
			float: left;
			position: relative;
			background: url(../_img/_home/green_feature.jpg) no-repeat;
			width: 452px;
			height: 202px;
		}
		
			#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;
		}
		
			#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;
		}
		
			#willardBox {
				position: absolute;
				bottom: 0;
				left: 50px;
				background: url(../_img/_home/willard_box.png) no-repeat;
				width: 120px;
				height: 80px;
			}
		

/* 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;
	}

/* Products */

	#productCol {
		float: right;
		position: relative;
		width: 710px;
		padding: 65px 0 0 0
	}
	
		#productCol h4 {
			position: relative;
			left: 20px;	
		}

		#productCol .shelf {
			background: url(../_img/_products/_elements/shelf_short.png) no-repeat;
			width: 702px;
			height: 24px;
			clear: both;
		}
		
			.heroes {
				position: relative;
				right: 12px;
				padding: 20px 0 15px 0;
			}
		
			.hero {
				position: relative;
				left: 30px;
				z-index: 20;
				height: 200px;
				width: 200px;
			}
			
				.heroInfo {
					position: absolute;
					bottom: 0;
					left: 20%;
					background: url(../_img/_products/_elements/shelf_title.jpg) no-repeat bottom center;
					width: 151px;
					height: 26px;
					text-align: center;
				}
			
				.heroInfo 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
				}
				
				#prodIntro {
					display: block;
					background: url(../_img/_products/_elements/prod_intro.png) no-repeat top center;
					float: left;
					position: relative;
					left: 30px;
					z-index: 20;
					height: 175px;
					width: 223px;
					padding: 25px 25px 20px 25px;
					voice-family: "\"}\""; 
		  			voice-family:inherit;
		  			width: 173px;
		  			height: 130px;
				}
				
				/* Specific Products */
				
				#lamps {
					display: block;
					background: url(../_img/_products/lamp.png) no-repeat top center;
					float: left;
					position: relative;
					left: 20px;
					z-index: 20;
					height: 175px;
					width: 33%;
				}
				
				#chandeliers {
					background: url(../_img/_products/chandelier.png) no-repeat top center;
					float: left;
					position: relative;
					left: 20px;
					z-index: 20;
					height: 175px;
					width: 33%;
				}
				
				#extFixtures {
					background: url(../_img/_products/ext_lighting.png) no-repeat bottom center;
					float: left;
					position: relative;
					left: 20px;
					z-index: 20;
					height: 175px;
					width: 33%;
				}
				
				#tinFixtures {
					background: url(../_img/_products/tin_fixture.png) no-repeat bottom center;
					float: left;
					position: relative;
					left: 20px;
					z-index: 20;
					height: 175px;
					width: 33%;
				}
				
				#accessories {
					background: url(../_img/_products/accessories.png) no-repeat bottom center;
					float: left;
					position: relative;
					left: 20px;
					z-index: 20;
					height: 175px;
					width: 33%;
				}
				

		/* VirtueMart Styles */
		
		#prodTable {
			margin: 5px 0 0 -10px;	
		}
		
		#prodTable td {
			position: relative;
			background-color: #FFFBEF;
			vertical-align: top !important;
		}	
		
			#prodTable h6 {
				margin: 0 !important;
				padding: 0 !important;
				line-height: .8em !important;
			}	
			
			.browseProductImage {
				margin: 0 0 10px 0;
				padding: 0;	
			}
		
		.product {	
			text-align: left;
			width: 200px;
  			margin: 0 0 20px 0;
		}
		
			.product p {
				text-align: center;	
				margin: 0;
				padding: 0;
			}
			
			.description {
				padding: 0 20px;
			}
		
		.module h3 {
			display: none;	
		}
		
		#prodInfo {
			float: left;
			font-family: georgia, times, serif;	
			width: 305px;
		}
		
			#prodInfo a.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 10px 0 0
			}
			
			#prodInfo a.button:hover {
				background-color: #4F1B0F;
				color: #fff;	
			}
		
		#prodInfo p {
			margin: 3px 0 14px 0;	
			padding: 0;
		}
		
			#prodInfo strong {
				font-size: 12px;
				color: #2c0f08;
			}
		
				#prodInfo table {
					color: #2c0f08;
					font-size: 12px;	
					left: 0;
					border-top: 1px solid #C1AF79;
					margin-top: 5px;
				}
				
				#prodInfo td {
					padding: 4px 10px !important;	
					border-top: none !important;
					border-left: none !important;
					border-right: none !important;
					border-bottom: 1px solid #C1AF79;
					background-color: #E8DAB7;
					text-align: left !important;
				}
		
		#prodImage {
			float: right;
			width: 305px;
			text-align: center	
		}
		
			#prodImage a {
				font-family: georgia, times, serif;
				font-size: 10px;
				text-decoration: none;	
			}
			
			#prodImage img {
				border: 3px solid #fff;
				margin: 0 0 13px 0	
			}
			
		#emailForm {
			margin: 10px 0 0 0;
			color: #2c0f08;
			font-family: georgia, times, serif;
			font-size: 12px;
		}
		
		#page {
			font-size: 12px;
			color: #2c0f08;
			font-family: georgia, times, serif;
			position: relative
		}
		
		#page form {
			position: absolute;
			top: 0;
			right: 0;	
		}
		
		.pagination {
			float: left;
			font-size: 12px;
			padding: 0 15px 0 0;
			margin: 0;	
			position: relative;
			bottom: 2px;
		}
		
			.pagination li {
				float: left;
				width: 25px;
				height: 25px;
				text-align: center
			}
			
			.pagination a.pagenav {
				display: block;	
				font-weight: bold;
				border: 1px solid #C1AF79;
				text-decoration: none;
			}
			
				.pagination a.pagenav:hover {
					background-color: #EFE0B3;	
				}
		
			.pagination span.pagenavon {
				display: block;	
				background-color: #4F1B0F;
				border: 1px solid #4F1B0F;
				color: #fff;
			}
			
			.pagination span.pagenav {
				display: block;	
				border: 1px solid #DFD1A7;
			}
			
			/* Hides the hidden form at the top of the browse template to make spacing equal */
			#orderHidden {
				display: none;	
			}
		
		
#prodImage img {
	max-width: 300px;	
}

*html #prodImage img {
	width:expression(document.body.clientWidth > 275? "275px": "auto" ); /* Crazy IE-only max-width hack */	
	float: right;
}

*html #fullSize {
	width: 300px;
	display: block;
	float: left;
	text-align: center;
}