/* BlueprintCSS */

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height: 1.5; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
blockquote: before, blockquote: after, q: before, q: after { content: ""; }
blockquote, q { quotes: "" ""; }
a img {  border: none; }

/* typography.css */
body { font-size: 75%; color: #222; background: #fff; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #111; }
h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }
p { margin: 0 0 1.5em; }
img.left { float: left; margin: 0 1.5em 1.5em 0; padding: 0; }
img.right { float: right; margin: 0 0 1.5em 1.5em; }
a: focus, a: hover { color: #000; }
a { color: #009; text-decoration: underline; }
blockquote { margin: 1.5em; color: #666; font-style: italic; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
sup, sub { line-height: 0; }
abbr, acronym { border-bottom: 1px dotted #666; }
address { margin: 0 0 1.5em; font-style: italic; }
del { color: #666; }
pre { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em "andale mono", "lucida console", monospace; line-height: 1.5; }
li ul, li ol { margin: 0 1.5em; }
ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em; }
table { margin-bottom: 1.4em; width: 100%; }
th { font-weight: bold; }
thead th { background: #c3d9ff; }
th, td, caption { padding: 4px 10px 4px 5px; }
tr.even td { background: #e5ecf9; }
tfoot { font-style: italic; }
caption { background: #eee; }
.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide { display: none; }
.quiet { color: #666; }
.loud { color: #000; }
.highlight { background: #ff0; }
.added { background: #060; color: #fff; }
.removed { background: #900; color: #fff; }
.first { margin-left: 0; padding-left: 0; }
.last { margin-right: 0; padding-right: 0; }
.top { margin-top: 0; padding-top: 0; }
.bottom { margin-bottom: 0; padding-bottom: 0; }
.message { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.message.error { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.message.notice { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.message.success { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.message.error a { color: #8a1f11; }
.message.notice a { color: #514721; }
.message.success a { color: #264409; }

/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}

/* Base */
body {
	text-align: center;
	background: #e7eabc url('body.gif') no-repeat top left;
}

h1, h2, h3, h4, h5, h6 { color: #420c04; }

h1 {
	margin: 0 0 .1em 0;
	font-size: 2.5em;
	padding: 0 0 .7em 0;
	font-weight: bold;
	color: #420c04;
	background: transparent url('vine.png') repeat-x bottom left;
}


a {
	color: #310907;
	text-decoration: none;
	font-weight: bold;
}

.vine {
	background: transparent url('vine.png') repeat-x bottom;
	padding: 0 0 .7em 0;
	margin: 0 0 .2em 0;
}

#tools {
	width: 100%;
	padding: .4em 0;
	margin: 0;
	font-size: .9em;
	text-align: right;
	background-color: #679926;
	border-bottom: .4em solid #CC992C;
}

	#tools ul {
		margin: 0 auto;
		padding: 0;
		width: 980px;
		list-style: none;
	}

		#tools ul li {
			display: inline;
			padding: 0 .5em;
			border-right: 1px solid #fff;
			color: #fff;
		}
		
			#tools ul li.last {
				border-right-width: 0;
			}
			
				#tools ul li a {
					color: #fff;
					font-weight: normal;
					text-decoration: none;
				}

#container {
	margin: 1em auto;
	width: 980px;
	text-align: left;
	overflow: hidden;
}

#footer {
	background-color:#3B8E00;
	border-top:5px solid #CE8600;
	padding: .4em 0;
	color: #fff;
}

	#footer ul {
		margin: 0 0 .3em 0;
		
	}

		#footer ul li {
			display: inline;
		}
		
			#footer ul li a {
				color: #fff;
				font-weight: normal;
				text-decoration: none;
			}
			
	#footer p {
		margin: 0 0 .3em 0;
	}

#logo {
	margin: .2em 0;
}

#secondary {
	float: left;
	width: 255px;
}

	#secondary a {
		color: #310907;
		text-decoration: none;
	}

	#navigation {
		width: 80%;
		margin: 0 auto;
	}
	
	#categories {
		margin: 0 0 1em 0;
	}

		#categories h5 {
			background-color: #310907;
			color: #fff;
			padding: .2em .6em;
			font-size: 1.2em;
			font-weight: bold;
			margin: 0 0 .2em 0;
			border-bottom: 2px solid #000;
			border-right: 1px solid #000;
		}
		
			#categories h5 a {
				color: #fff;
			}

		#categories ul {
			list-style: none;
			margin: .2em 0 .8em 1em;
		}
	
	#conscientious h5 {
		background: transparent url('vine.png') repeat-x bottom right;
		padding: .2em .2em .75em .2em;
		font-size: 1.5em;
		font-weight: bold;
		color: #310907;
		margin: 0;
	}
	
	#images {
		text-align: center;
	}


#primary {
	float: right;
	width: 725px;
}

	#primary div.tear {
		background: #fff url('tear.top.gif') no-repeat top;
		padding: 2em 1%;
		border-bottom: .1em solid #ccc;
		margin-bottom: 1em;
		width: 98%;
		overflow: hidden;
	}
	
	
	#primary #information {
		width: 100%;
		overflow: hidden;
		list-style: none;
		padding: 0;
		margin: 0 0 1em 0;
	}
	
		#primary #information li {
			float: left;
			margin-right: 1.4em;
		}
		
			#primary #information li a {
				color: #659925;
				font-size: 1.5em;
				font-weight: bold;
				text-decoration: none;
				padding: 0;
			}
			
			#primary #information li a:hover {
				color: #fa913c
			}

/* Bread Crumbs */
			
ul.crumbs {
	list-style: none;
	font-size: .9em;
	margin: .8em 0;
	padding: 0;
}

	ul.crumbs li {
		display: inline;
		margin-right: 3px;
	}
	
	
/* Product Detail */


#content.catalogdetail h2 {
	margin: 0 0 .2em 0;
	font-size: 1.5em;
	font-weight: normal;
}

#content.catalogdetail #product-photos {
	float: left;
	width: 50%;
}

	#content.catalogdetail #gallery {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	
		#content.catalogdetail #gallery li {
			display: block;
			float: left;
			margin: 0 5px 5px 0;
			vertical-align: middle;
			width: 90px;
			height: 110px;
			overflow: hidden;
			border: 1px solid #ccc;
		}
		
			#content.catalogdetail #gallery li a img {
				border: 0;
				display: block;
				width: 90px;
			}
			

#content.catalogdetail #product-information {
	float: right;
	width: 49%;
}

#content.catalogdetail #identifiers {
	margin: 0;
	list-style: none;
	padding: 0;
	font-size: .8em;
	color: #777;
}

	#content.catalogdetail #product-information h1 {
		background-image: none;
		margin: 0 0 .1em 0;
		padding: 0 0 .1em 0;
	}

	#content.catalogdetail fieldset	{
		padding: .5em 1em;
		border-color: #ddd;
	}
	
		#content.catalogdetail fieldset legend {
			font-size: 1.3em;
			background-color: #fff;
			padding: .2em .4em;
			border: 1px solid #ddd;
			color: #3e5b19;
		}

		#content.catalogdetail fieldset p {
			margin: 0 0 .5em 0;
		}
	
	#content.catalogdetail dl dt {
		margin: 0 0 .2em 0;
	}
	
	#content.catalogdetail dl dd {
		margin: 0 0 1em 0;
	}
	
		#content.catalogdetail #attributes dd select {
			margin: 0;
			width: 100%;
			font-size: 1.4em;
		}
		
		
#content.catalogdetail div.button {
	text-align: center;
}

#content.catalogdetail #identifiers {
	list-style: none;
	color: #888;
	margin: 0 0 .2em 0;
	padding: 0;
}

	#content.catalogdetail #identifiers li {
		margin: .1em 0;
	}


#content.catalogdetail #pricing {
	font-size: 2.3em;
	color: #55360E;
	font-weight: normal;
	list-style: none;
	padding: 0;
	margin: .3em 0;
}

#content.catalogdetail #product-description {
	width: 100%;
	clear: both;
	padding-top: 1em;
}

#content.catalogdetail #email-a-friend {
	border-top: 1px dotted #888;
	padding-top: .5em;
	margin-top: 1em;
}

	#content.catalogdetail #email-a-friend a {
		color: #777;
		font-weight: normal;
	}

#content.catalogdetail #related-products {
	width: 100%;
	clear: both;
	padding-top: 1em;
}


/* Contact Us */

#content.contactus fieldset {
	border-color: #c7c276;
}

	#content.contactus div.field {
		margin: 0 0 1em 0;
	}

		#content.contactus div.field label {
			font-size: 1.3em;
			display: block;
		}


/* Resources */

#content.resources ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 .3em;
}

	#content.resources ul li {
		margin: .2em 0;
	}
	
		#content.resources ul li a {
			font-size: 1.2em;
			padding: .3em;
		}



/* Product Lists */

div.category {
	width: 100%;
	overflow: hidden;
	margin: 0 0 1em 0;
}

h2.name, h3.name {
	font-size: 1.1em;
	font-weight: normal;
}

	#content.cataloglist h3 a,
	div.products h3 a {
		text-decoration: none;
		font-weight: normal;
	}

	#content.cataloglist div.thumb a,
	div.products div.thumb a {
		display: block;
		text-align: center;
		text-decoration: none;
		width: 215px;
		height: 125px;
		margin: 0 auto .1em auto;
		overflow: hidden;
		border: 4px solid #ffffff;
	}
	
	#content.cataloglist div.thumb a:hover,
	div.products div.thumb a:hover {
		border: 4px solid #999900;
	}
	
	
/*		#content.cataloglist div.thumb a img {
			width: 215px;
			height: 120px;
		}*/

#children {
	width: 100%;
	overflow: hidden;
}

	#children div.child {
		float: left;
		width: 31%;
		text-align: center;
		padding: 5px 1%;;
	}
	

div.products {
	width: 100%;
	overflow: hidden;
}

div.products div.clear {
	clear: both;
}

	div.products div.product {
		float: left;
		width: 31%;
		text-align: center;
		padding: 5px 1%;
	}
	
		div.products ul {
			display: none;
		}