/* The mighty Back40 Design, Inc. style sheet */


/* ~~~[ heading tags ]~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */		
h1, h2, h3, h4, h5 {
	font-family:  "century gothic", arial, helvetica, sans-serif;
	color: #689EF0;
}
	h1 a, h2 a, h3 a, h4 a, h5 a {
		color: #689EF0;
		text-decoration: none;
	} 
	h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
		color: #a5a5a5;
		text-decoration: none;
	} 
	.underline {
		border: 1px dotted #ededed;
		border-width: 0px 0px 1px 0px;
	}
	
h1 {
	color: #333;
	font-size: 27px;
	margin: 30px 20px 15px 0px;
}

h2 {
	font-size: 19px;
	margin: 15px 20px -5px 0px;
	padding-bottom: 5px;
}	

ul h3 {
	font-size: 17px;
	margin: 25px 20px 0px 0px;
	padding-bottom: 5px;
	color: #000;
}	
	h3 span {
		font-size: 10px;
		color: #000; 
		margin-left: 10px;
	}

h4 {
	font-size: 15px;
	margin: 0px;
}

h5 {
	font-size: 15px;
	margin: 15px 20px 0px 0px;
	padding-bottom: 5px;
}	
	
	
	
	
/* ~~~[ general font tags ]~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
p {
	margin: 10px 90px 10px 0px;
	line-height: 14px;	
}   

.highlight {
	background-color: #dbdbdb;
	padding: 0px 1px 1px 0px;
}

a {
	color: #689EF0;
}
	a:visited {
		color: #96BCF5;
	} 
	a:hover {
		color: #ED1C24;
	} 
		a span {
			display: none;
		}
		 a:hover span {
			display: inline;
		}

select, input, textarea {
	font-size: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
}  

strong a {
	color: #000;
	text-decoration: none;
} 
	strong a:hover {
		color: #000;
		text-decoration: underline;
	}  
	
ul {
	text-align: left;
	list-style: square;
	margin: 0px 50px 10px 15px; 
	padding: 0px;
	line-height: 15px;
} 
	li {
		margin-bottom: 5px;
	}  
	
fieldset {
	border: 1px solid #ddd;
	width: 170px;
	padding: 10px 10px 10px 10px;
}
	legend {
		color: #000;
		font-weight: bold;
		font-size: 13px;
	}
	
.storeImg {
	cursor: pointer; 
	border: 1px solid #b7b7b7;
}		
	
	
	
/* ~~~[ both home and internal ]~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#topRed {	
	/*background: #ED1C24 url('images/template/red-dots.jpg') top left no-repeat; */
	width: 783px;
	height: 10px;
	display: block;
}

#midGrey {	
	/*background: #ED1C24 url('images/template/grey-dots.jpg') top left repeat-x;  */
	width: 783px;
	height: 7px;
	display: block;
}
#mainContainer {width: 786px;}
#topContainer {
	margin: 0px 0px 0px 0px;
	width: 783px;
	height: 60px;
	display: block;
}	
	#topContainer #flash {
		position: absolute;
		margin: 5px 20px 5px 360px;
	}
	
	#topContainer #logo {
		margin: 2px 0px 0px 25px;
		/* set so if user has images turned off, they will still see a decent looking logo from alt tag */
			font-size: 30px;
			font-weight: bold;
			font-family: "times new roman";
			color: #000;
	}
		#logo a { 
			text-decoration: none;
			outline: none;
		}		

#toolbar {
	display: block;	
	margin: 8px 0px 0px -1px !important;
	margin: 0px 0px 0px -1px;
	height: 31px;

}
	#toolbar li {
		list-style: none;
		float: left;
		display: inline;	
		padding: 0px;
		margin: 0px 0px 0px -4px;
		
	}	
		#toolbar li a {
				text-decoration: none;
				cursor: pointer; 
				
		}	
		#toolbar li a:hover {
				text-decoration: none;
				cursor: pointer; 
		}	
		
#bottomToolbar {
	background: url('images/template/bottom-toolbar-line.jpg') top left no-repeat; 
	width: 758px;
	height: 65px;
	line-height: 16px;
	font-size: 10px;
	text-align: left;
	padding: 10px 0px 30px 25px;
	letter-spacing: -.2px;
	margin-top: 20px;
}	
		#bottomToolbar a {
			color: #666;
			text-decoration: none;
		}		
		#bottomToolbar a:hover {
			color: #000;
			text-decoration: none;
			border: 1px dotted #818181;
			border-width: 0px 0px 1px 0px;
		}
		#contactInfo {clear: both; margin-top: 0px; margin-left: 2px;}
	#fNav li a {line-height: 1em; display: block;}
	#fNav li {display: inline; list-style: none; border-right: 1px solid; float: left; padding-right: 5px;  margin: 2px 2px;}
	#fNav {margin-left: 0px;}
	#fNav .lastItem {border-right: none;}
	
/* ~~~[ inner template, all pages ]~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
img {
	border: 0px;
}

#tableContent {
	width: 785px; 
	height: 550px; 
	margin-top: -3px !important;
	margin-top: -2px;
}

#contentArea {
	margin: 20px 0px 30px 10px !important;
	margin: 20px 0px 30px 25px;
}

#sidebar {
	background: #D9E8FD bottom no-repeat; 
	width: 161px;
	height: 100%;
	margin: 0px 10px 0px 0px !important;
	display: block;	
	min-height: 530px !important;
	height: auto !important;
	height: 530px !important;
}
#NavSide .navitem17 {display:none;}
#NavSide .navitem18 {display:none;}
#NavSide .navitem19 {display:none;}
	#sidebar h2 {
		width: 161px;
		font-family: "century gothic", arial, helvetica, sans-serif;
		color: #fff;
		font-size: 37px;
		line-height: 30px;	
		margin: 0px 0px 0px -9px;
		padding: 25px 0px 5px 0px;
		letter-spacing: -1px;	
		font-weight: bold;
	}
	
	#sidebar ul {
		text-align: left;
		list-style: none;
		margin: 3px 0px 10px 5px; 
		padding: 0px;
	} 
	
	#sidebar ul li {
		border: 1px dotted #B5D1FD;
		border-width: 0px 0px 1px 0px;
		line-height: 11px;
		padding: 10px 5px 0px 0px;
		font-size: 11px;
	} 
		
		#sidebar ul li a {
			color: #818181;
			text-decoration: none;
		}		
		#sidebar ul li a:hover {
			color: #333;
			text-decoration: none;
		}
#sidebar .active {font-weight: bold;}
#miniToolbar {
	font-size: 10px;
	color: #333;
	width: 420px;
	float: right;
	text-align: right;
	margin: 5px 0px 0px 0px;
}
	#miniToolbar a {
		color: #333;
		text-decoration: none;
	}		
	#miniToolbar a:hover {
		color: #000;
		text-decoration: none;
		border: 1px dotted #818181;
		border-width: 0px 0px 1px 0px;
	}


/* ~~~[ homepage only ]~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#homeImage {
	width: 788px;
	margin: 8px 0px 0px -5px;
}

#homeContent {
	width: 400px;
	padding: 5px 0px;
	margin-left: 20px
}

#homeRightTop {
	position: absolute;
	width: 350px;
	height: 95px;
	margin: 15px 5px 10px 415px;
	padding-bottom: 40px;
	background: #fff url('images/template/red-dots.jpg') bottom repeat-x; 
}

#homeRightBot {
	width: 350px;
	position: absolute;
	margin: 150px 5px 20px 415px;
}

	#homeRightTop img, #homeRightBot img {
		padding: 0px 5px 0px 3px;
		float: left;
	}



/* ~~~[ body/html calling ]~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
body {	
	background-color: #fff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:  11px;
	color: #333;	
	margin: 0px; 
	padding: 0px;   
} 

html {
	margin: 0px; padding: 0px;  	
}
	
	
/* product page */

#productDescription {width: 397px; float: left; min-height: 150px;}
#productImage {width: 190px; float: right;}

/* top nav hover images */
#toolbar .javelin_navitem10 a {display: block; height: 31px; width: 75px; background: url(images/template/b-collators.jpg) no-repeat;}
#toolbar .javelin_navitem10 a:hover {display: block; height: 31px; width: 75px; background: url(images/template/b-collators_f2.jpg) no-repeat;}
#toolbar .javelin_navitem11 a {display: block; height: 31px; width: 123px; background: url(images/template/b-bookletmakers.jpg) no-repeat;}
#toolbar .javelin_navitem11 a:hover {display: block; height: 31px; width: 123px; background: url(images/template/b-bookletmakers_f2.jpg) no-repeat;}
#toolbar .javelin_navitem12 a {display: block; height: 31px; width: 142px; background: url(images/template/b-rotarydiecutters.jpg) no-repeat;}
#toolbar .javelin_navitem12 a:hover {display: block; height: 31px; width: 142px; background: url(images/template/b-rotarydiecutters_f2.jpg) no-repeat;}
#toolbar .javelin_navitem13 a {display: block; height: 31px; width: 77px; background: url(images/template/b-punches.jpg) no-repeat;}
#toolbar .javelin_navitem13 a:hover {display: block; height: 31px; width: 77px; background: url(images/template/b-punches_f2.jpg) no-repeat;}
#toolbar .javelin_navitem38 a {display: block; height: 31px; width: 76px; background: url(images/template/coaters.jpg) no-repeat;}
#toolbar .javelin_navitem38 a:hover {display: block; height: 31px; width: 76px; background: url(images/template/coaters-hover.jpg) no-repeat;}
#toolbar .javelin_navitem15 a {display: block; height: 31px; width: 79px; background: url(images/template/b-stackers.jpg) no-repeat;}
#toolbar .javelin_navitem15 a:hover {display: block; height: 31px; width: 79px; background: url(images/template/b-stackers_f2.jpg) no-repeat;}
#toolbar .javelin_navitem16 a {display: block; height: 31px; width: 77px; background: url(images/template/b-feeders.jpg) no-repeat;}
#toolbar .javelin_navitem16 a:hover {display: block; height: 31px; width: 77px; background: url(images/template/b-feeders_f2.jpg) no-repeat;}
#toolbar .javelin_navitem17, #toolbar .javelin_navitem18, #toolbar .javelin_navitem19 {display: none;}
#toolbar li a {text-indent: -9999px;}
#toolbar li{margin: 0px;}
#toolbar ul {margin: 0px;}
#toolbar ul ul {margin: 0px 50px 10px 15px;}

object {outline: none;}