/* 

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

.boxoutStore {
		border: 1px solid #7fadd4;
		margin-bottom: 10px;
		padding: 10px 10px 2px;
		background: #d8e6f2 url(../images/boxout-gradient.gif) repeat-x;
		}	
		
.boxoutStore ul {
		padding-top: 5px;
		}	
		
.boxoutStore ul {
		list-style-type: disc;
		margin-left: 1.5em;
		margin-bottom: 1em;
		}

.boxoutStore ul {
		margin-top: -0.8em;
		list-style-type: none;
		margin-left: 0;
		}

.boxoutStore li {
		font-size: 1.0em;
		margin-bottom: 1px;
		padding-left: 12px;
		padding-bottom: 2px;
		background: url(../images/double-arrow-bullet.gif) 0px 65% no-repeat;
		}		
		
#extra .boxoutStore {
		margin: 0 10px 10px 10px;
		height: 85px;
		}			
		
#stores	{
		float: left;
		width: 85px;
		}
		
#storeLogo {
		float: right;
		width: 65px;
		display: none;
		}
		
#storeImg {
		width: 61px;
		padding: 2px;
		border: 1px solid #7fadd4;
		background: #fff;
		}		
		
#brand {
		width: 150px;
		margin-bottom: 5px;
		overflow:auto;
		}											
			
/* ---------- 3. links and navigation ---------- */

.boxoutStore h1 {
		margin: -10px -10px 10px;
		text-align: center;
		background: #7fadd4;
		color: #ffffff;
		text-transform: uppercase;
		font: bold 1.2em/1.8em Arial, sans-serif;
		
		}

.boxoutStore h2 {
		font: bold 1.1em Verdana, sans-serif;
		margin-bottom: 10px;
		}	
		
.boxoutStore p {
		font: bold 1.0em Verdana, Arial, sans-serif;
		}
		
.boxout ol {
		list-style:upper-roman;
		margin-left: 25px;
		padding-bottom: 5px;
		}		
		
.boxout ol li {
		padding-bottom: 2px;
		}	
		
option.brandLink {
		color: #000;
		}	
	
	
div.listbox{
	background:white;
	font-size:12px;
	padding:0;
	margin-bottom:5px;
	overflow-y: scroll;
	height: 100px;
	border:solid 1px #7fadd4;
	}   
	
div.listbox label{
	display:block;
	padding-left: 5px;
	clear:both;
	width: 126px;
	}
	   
div.listbox span{
	white-space:nowrap;
	height:1em;
	display:block;
	padding:3px 6px 3px 0px;
	cursor:hand;
	cursor:pointer;
	}   
	
div.listbox-bottom {
	padding-bottom: 5px;
	}	
	

/* ---------- 4. fonts ---------- */		
				
/* ---------- 5. images ---------- *

		
/* ---------- 6. hacks ---------- */