/*
THEME NAME: Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.6.1
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/

body {
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
}

#content p a, a {
	font-family: arial;
	font-size: 12px;
	text-decoration: none;
}

#content p a:hover, a:hover {
	text-decoration: underline;
}


/* HEADER STYLING */

#topbar {
	min-width: 1000px;
	max-width: 1400px;
	height: 10px;
	margin-left: -10px;
	margin-right: -10px;
	margin-top: -8px;
	margin-bottom: 0px;
	background-color: #090;
}

#wrapper {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}

	#header {
		width: 1000px;
		margin-left: auto;
		margin-right: auto;
	}
	
		#headertop {
			width: 1000px;
			height: 100px;
			margin-top: 0px;
			margin-left: auto;
			margin-right: auto;
		}
		
			#htleft {
				width: 325px;
				height: 100px;
				float: left;
				background-color: #ffffff;
				padding-left: 75px;
			}
			
				#htleft h1 {
					margin-bottom: 10px;
				}
			
				#htleft h1 a {
					font-family: tahoma;
					font-size: 25px;
					font-weight: bold;
					color: #009900;
					text-decoration: none;
					line-height: 25px;
					margin-top: 0px;
				}
				
				#htleft p {
					font-family: arial;
					font-size: 15px;
					font-weight: bold;
					color: #666;
					font-style: italic;
					line-height: 14px;
					margin-top: -10px;
				}
			
			#htright {
				width: 500px;
				height: 100px;
				float: right;
				background-color: #ffffff;
				margin-top: 0px;
				background-image: url('images/callus.jpg');
			}
			
				#topnav {
					width: 500px;
					height: 65px;
					float: right;
					margin-top: 0px;
					background-color: #FFF;
					text-align: right;
				}
				
					#topnav a {
						font-family: arial;
						font-size: 12px;
						font-weight: normal;
						color: #000000;
						text-decoration: none;
						line-height: 30px;
						margin-top: 0px;
						padding-left: 5px;
						padding-right: 5px;
						display: inline-block;
						height: 30px;
					}
					
					#topnav a:hover {
						background-color: #090;
						color: #ffffff;
					}
			
				#topsearch {
					height: 25px;
					float: right;
					background-color: #f2f2f2;
					clear: both;
					text-align: right;
					padding-right: 10px;
					padding-left: 10px;
					padding-top: 6px;
					padding-bottom: 4px;
					line-heignt: 30px;
				}
		
		#headernav {
			width: 780px;
			float: left;
			background-color: #e5e5e5;
			padding-left: -40px;
			margin-bottom: 2px;
			background-image: url('images/navbutton.jpg');
		}
		
			#headernav a {
				font-family: arial;
				font-size: 12px;
				font-weight: bold;
				display: inline-block;
				height: 40px;
				line-height: 40px;
				padding-left: 10px;
				padding-right: 10px;
				margin-left: 0px;
				margin-right: -4px;
				color: #000;
				text-decoration: none;
				border-right: #e5e5e5 1px solid;
				background-image: url('images/navbutton.jpg');
			}
			
			#headernav a:hover {
				background-image: url('images/navbutton2.jpg');
			}
			
			#lowcostbutton {
				width: 200px;
				height: 30px;
				float: right;
				background-color: #F00;
				padding-left: 10px;
				padding-right: 10px;
				padding-top: 5px;
				padding-bottom: 5px;
				line-height: 15px;
				text-align: center;
			}
			
				#lowcostbutton span a {
					font-family: tahoma;
					font-size: 12px;
					font-weight: bold;
					color: #FFF;
					text-decoration: none;
				}
				
				#lowcostbutton span a:hover {
					color: #FF0;
				}
		
		#headerbanner {
			width: 1000px;
			height: 300px;
			margin-left: auto;
			margin-right: auto;
			margin-top: 5px;
			margin-bottom: 5px;
			background-color: #f2f2f2;
		}
		
			#bannernav {
				width: 298px;
				height: 299px;
				float: left;
				border: #090 1px solid;
				border-bottom: none;
				background-color: #FFF;
			}
			
				.bnav1 {
					width: 268px;
					height: 85px;
					padding-left: 10px;
					padding-right: 10px;
					margin-left: auto;
					margin-right: auto;
					margin-top: 2px;
					margin-bottom: 2px;
					border-bottom: #e5e5e5 dotted 1px;
					clear: both;
				}
				
					.bnav1 span a {
						font-family: tahoma;
						font-size: 14px;
						font-weight: bold;
						color: #090;
						text-decoration: none;
						line-height: 20px;
						margin-top: 0px;
						margin-bottom: 0px;
					}
					
					.bnav1 a:hover {
						color: #00F;
					}
					
					.bnav1 p {
						font-family: arial;
						font-size: 12px;
						font-weight: normal;
						font-style: italic;
						color: #666666;
						margin-top: 0px;
					}
				
				.bnav2 {
					width: 298px;
					height: 33px;
					margin-left: auto;
					margin-right: auto;
					background-color: #090;
					text-align: center;
					font-family: tahoma;
					font-size: 18px;
					font-weight: bold;
					color: #FFF;
					line-height: 33px;
				}
				
			#bannerimage {
				width: 699px;
				height: 299px;
				float: right;
				background-color: #FFF;
				border-top: #090 1px solid;
				border-right: #090 1px solid;
				background-image: url('images/bannerimage.jpg');
			}
		
		#headerfeatured {
			width: 1000px;
			height: 150px;
			margin-left: auto;
			margin-right: auto;
			margin-top: 2px;
			margin-bottom: 10px;
		}
		
			#featured1 {
				width: 298px;
				height: 148px;
				border: #090 1px solid;
				background-color: #090;
				float: left;
				margin-right: 1px;
			}
			
			#featured2, #featured3, #featured4 {
				width: 209px;
				height: 128px;
				border: #e5e5e5 1px solid;
				background-color: #ffffff;
				float: left;
				margin-left: 2px;
				padding: 10px;
			}
			
				#featured2 span, #featured3 span, #featured4 span {
					font-family: arial;
					font-size: 12px;
					font-weight: bold;
					color: #090;
				}
				
				#featured2 span.b a, #featured3 span.b a, #featured4 span.b a {
					display: block;
					width: 100px;
					height: 30px;
					text-align: center;
					padding-left: 10px;
					padding-right: 10px;
					background-color: #090;
					font-family: arial;
					font-size: 12px;
					font-weight: bold;
					color: #ffffff;
					text-decoration: none;
					line-height: 30px;
				}
				
				#featured2 span.b a:hover, #featured3 span.b a:hover, #featured4 span.b a:hover {
					color: #FF0;
				}
			
				#featured2 span.a a, #featured3 span.a a, #featured4 span.a a {
					font-family: tahoma;
					font-size: 14px;
					font-weight: bold;
					color: #090;
					text-decoration: none;
					line-height: 18px;
					margin: 0px;
				}
				
				#featured2 p, #featured3 p, #featured4 p {
					font-family: arial;
					font-size: 11px;
					font-weight: normal;
					font-style: italic;
					color: #666;
					margin-top: 0px;
				}
			

/* BODY STYLING */

#container {
	width: 1000px;
	padding-bottom: 20px;
	margin-top: 10px;
	clear: both;
}

	#sidebar {
		width: 250px;
		float: left;
		padding: 10px;
		margin-bottom: 20px;
		border-right: #e5e5e5 1px solid;
		margin-top: 0px;
	}
	
		#sidebar h3 {
			font-family: tahoma;
			font-size: 14px;
			font-weight: bold;
			line-height: 20px;
			margin-bottom: 0px;
			margin-top: 0px;
		}
		
		#sidebar ul {
			list-style: none;
			margin-top: 10px;
			margin-left: -25px;
		}
		
		#sidebar ul li a {
			font-family: arial;
			font-size: 12px;
			font-weight: normal;
			color: #000;
			text-decoration: none;
			line-height: 16px;
		}
		
		#sidebar ul li a:hover {
			color: #090;
			text-decoration: underline;
		}
	
	#content {
		width: 700px;
		float: right;
	}
	
		.postblock {
			width: 165px;
			float: left;
			margin-left: 0px;
			padding-left: 5px;
			padding-right: 5px;
			padding-top: 10px;
			padding-bottom: 10px;
		}
		
			.cattitle {
				width: 165px;
				text-align: center;
			}
		
			.catthumb {
				width: 165px;
			}
			
				.catthumb img {
					width: 165px;
					height: 132px;
				}
			
			.catprice {
				width: 165px;
				padding-left: 5px;
				padding-right: 5px;
				height: 30px;
				float: left;
				font-family: arial;
				font-size: 12px;
				font-weight: normal;
				color: #666666;
				text-align: center;
				line-height: 30px;
			}
			
			.catlink {
				width: 165px;
				padding-left: 5px;
				padding-right: 5px;
				height: 20px;
				float: left;
				text-align: center;
				clear: both;
				line-height: 20px;
			}
			
				.catlink a {
					font-family: arial;
					font-size: 12px;
					font-weight: normal;
					color: #000000;
					text-decoration: none;
				}
				
				.catlink a:hover {
					color: #009900;
					text-decoration: underline;
				}
		
			.pblocktop {
				width: 700px;
				height: 15px;
				margin-bottom: 0px;
				background-image: url('images/pblocktopbg.jpg');
				background-repeat: no-repeat;
			}
			
			.pblock {
				width: 670px;
				padding-left: 15px;
				padding-right: 15px;
				padding-bottom: 2px;
				margin-top: -15px;
				margin-bottom: 0px;
				background-image: url('images/pblockbg.jpg');
				background-repeat: repeat-y;
			}
			
			.pblockbottom {
				width: 700px;
				height: 15px;
				margin-top: 0px;
				background-image: url('images/pblockbottombg.jpg');
				background-repeat: no-repeat;
			}
	
		#content h2 a, #content h2 {
			font-family: tahoma;
			font-size: 18px;
			font-weight: bold;
			color: #000;
			text-decoration: none;
			line-height: 30px;
			display: block;
			width: 700px;
			border-top: #e5e5e5 1px solid;
			border-bottom: #e5e5e5 1px solid;
		}
		
		#content h2 a:hover {
			color: #e5e5e5;
		}
		
		#content h3 a {
			font-family: arial;
			font-size: 15px;
			line-height: 15px;
			margin-top: 0px;
			margin-bottom: 10px;
			font-weight: bold;
			color: #000000;
			text-decoration: none;
		}
		
		#content h3 a:hover {
			text-decoration: underline;
			color: #009900;
		}
		
		#content ul {
			display: block;
			clear: both;
		}
		
		#content ul li a {
			color: #000000;
			text-decoration: none;
			display: block;
			height: 15px;
			width: 300px;
			line-height: 15px;
		}
		
		#content ul li a:hover {
			color: #009900;
			text-decoration: underline;
		}
		
		.block, .block1 {
			width: 195px;
			height: 95px;
			float: left;
			background-image: url('images/blockbg.jpg');
			margin-bottom: 10px;
			padding: 15px;
		}
		
			.blocktext {
				width: 110px;
				height: 95px;
				float: left;
				font-size: 11px;
				margin-top: 0px;
			}
			
			.blockimage {
				width: 75px;
				float: right;
				margin-top: 0px;
				margin-left: 10px;
			}
				
		.block1 {
			margin-left: 0px;
			clear: left;
		}
		
		.block {
			margin-left: 10px;
		}
		
		.entry-content {
			width: 700px;
		}
		
		.entry-content img {
			width: 200px;
			height: 160px;
			margin-right: 15px;
			border: #ffffff 5px solid;
		}
		
		.entry-meta a {
			display: block;
			width: 445px;
			height: 40px;
			float: right;
			text-align: center;
			background-color: #009900;
			font-family: arial;
			font-size: 20px;
			font-weight: bold;
			color: #ffffff;
			text-decoration: none;
			line-height: 40px;
		}
		
		.entry-meta a:hover {
			color: #FF0;
		}
		
		.orderbox {
			width: 300px;
			padding: 10px;
			background-color: #f2f2f2;
			margin-bottom: 10px;
		}
		
		.sociable {
			width: 700px;
			clear: both;
			margin-top: 10px;
			margin-bottom: 10px;
		}
		
			.sociable ul {
				list-style: none;
			}
			
			.socialble ul li a {
				display: inline;
				width: 20px;
				height: 20px;
				line-height: 20px;
			}

/* FOOTER STYLING */

#footbar {
	min-width: 1000px;
	max-width: 1400px;
	height: 30px;
	margin-left: -8px;
	margin-right: -8px;
	margin-bottom: -8px;
	margin-top: 10px;
	background-color: #090;
	clear: both;
}

	#fbarmid {
		width: 1000px;
		height: 30px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		font-family: arial;
		font-size: 12px;
		font-weight: normal;
		color: #ffffff;
		line-height: 30px;
	}
	
		#fbarmid a {
			color: #FFF;
			text-decoration: none;
			margin-left: 5px;
			margin-right: 5px;
		}
		
		#fbarmid a:hover {
			color: #FF0;
			text-decoration: underline;
		}
		
/* FEATURED PRODUCT STYLES - ADDED 9/2011 - MATTHEW BROWN */

.footer-bar {
	width: 1000px;
	margin-bottom: 10px;
	margin-top: 20px;
	padding: 0px;
	padding-top: 10px;
	border-top: #cccccc 1px solid;
	clear: both;
}

	.footer-bar h4 {
		font-size: 20px;
		font-weight: bold;
		line-height: 20px;
		margin-top: 0px;
		margin-bottom: 20px;
	}

	.footer-bar ul {
		list-style: none;
		padding: 0px;
		margin: 0px;
	}
	
		.footer-bar ul li {
			display: inline-block;
			width: 235px;
			float: left;
			margin-right: 20px;
		}
		
			.footer-bar ul li.last {
				margin-right: 0px;
			}
			
			.footer-bar ul li img, .footer-bar ul li a img {
				width: 235px;
				height: 235px;
				border: 0px;
				margin-bottom: 10px;
			}
			
			.footer-bar ul li ul {
				list-style: disc;
				list-style-image: inherit;
				padding-left: 15px;
				width: 200px;
			}
			
				.footer-bar ul li ul li {
					display: list-item;
					width: 200px;
					margin-bottom: 5px;
				}
				
			.footer-bar ul li h5, .footer-bar ul li h5 a, .footer-bar ul li h5 a:visited {
				font-size: 15px;
				color: #009900;
				text-decoration: none;
				line-height: 15px;
				margin-top: 0px;
				margin-bottom: 10px;
			}
			
			.footer-bar ul li p a, .footer-bar ul li p a:visited {
				display: block;
				width: 235px;
				height: 30px;
				line-height: 30px;
				text-align: center;
				background-color: #cccccc;
				color: #000000;
				text-decoration: none;
				font-size: 13px;
				font-weight: bold;
				clear: both;
			}
			
				.footer-bar ul li p a:hover {
					color: #ffffff;
					background-color: #009900;
				}