/* 

STYLE SHEET FOR SPRUCE INDUSTRIES WEB SITE
Created by Daniel Josephs

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. hacks

Notes

*/



/* --------- 1. defaults  --------- */


		
/*  --------- 2. structure  --------- */
#content {	
		margin: 0 10px 0 200px;
		}		

table {
	border: 1px solid #7fadd4;
	border-collapse: collapse;
	max-width: 100%;
}			

th {
	padding: 5px 10px;
	text-align: left;
}

thead th {
	border: 1px solid #87CEFA;
	white-space: nowrap;
	background: #F0F8FF;
}

tbody td ,tbody th {
	padding: 5px 10px;
	background: #fff;
	color: #000;
}
tbody th {
	color: #047;
	font-weight: normal;
	font-variant: normal;
	font-size: 1em;
}
tbody tr.odd {
	border: 1px solid #87CEFA;
}

tbody tr.bottom {
	border-bottom: 0;
}

tbody tr.top {
	border-top: 0;
}
tbody tr.odd td, tbody tr.odd th {
	background: #F0F8FF;
}
tfoot td, tfoot th {
	border: none;
	padding-top: 10px;
}

#pageNavTop {
		float:right;
		margin-top: 10px;
		}		
		
#pageNavTop input, #pageNavBottom input{
		width: 20px;
		}	
		
#pageNavBottom {
		float:right;
		margin-top: 8px;
		margin-bottom: 8px;
		}	
		
.pageGo {
		display: inline;
		margin-right: 10px;
		}	
		
.buttons {
		float: left;
		}			
		
.buttons img {
		margin: 4px;
		padding: 5px;
		}				

.qty {
		width: 20px;
		}

.sectionPrice {
		float: right;
		margin: 15px 0px 10px;
		padding: 5px 0;
		text-align: center;
		}
		
.sectionPrice p {
		padding: 0 0 3px 0;
		margin: 0;
		}			
		
.sortArrow {
		padding: 0px;
		margin: 0px 4px;
		width: 7px;
		height: 7px;
		}		
			
/* ---------- 3. links and navigation ---------- */
table {
	font: normal 1em Verdana, Arial, Helvetica, sans-serif;	
	}	

th {
	font: bold  1.1em Verdana, Arial, Helvetica, sans-serif;
	color: #047;
	font-variant: small-caps;
	font-weight: bold;
	}
	
th a, th a:link, th a:visited {
	font: bold  1em Verdana, Arial, Helvetica, sans-serif;
	color: #047;
	font-variant: small-caps;
	font-weight: bold;	
	text-decoration:underline;
	}
	
th a:hover {
	font: bold  1em Verdana, Arial, Helvetica, sans-serif;
	color: #F00;
	font-variant: small-caps;
	font-weight: bold;	
	text-decoration:underline;
	}	

/* ---------- 4. fonts ---------- */		

		
		
.price {
		font-weight: bold;
		color: #981C1C;
		font-size: 1.2em;
		}		
				
/* ---------- 5. images ---------- */
.rowImage {
		border: 0;
		width: 100px;
		}
		
/* ---------- 6. hacks ---------- */