@CHARSET "UTF-8";
/* css Zen Garden submission 010 - 'A Garden Apart' by Dan Cederholm, http://www.simplebits.com/ */
/* css released under Creative Commons ShareAlike License v1.0 - http://creativecommons.org/licenses/sa/1.0/  */
/* All associated graphics copyright 2008, Zamuta Soapnuts */

body 
{ 
	font-family: "trebuchet ms", verdana, sans-serif;
	font-size: 12px;
	line-height: 1.5em; 
	color: #333; 
	background: #cccc99;
	margin: 0;
	padding: 0;
	text-align: center;
}
p 
{ 
	margin-top: 0px; 
}	
h3 
{ 
	font: bold 140% "trebuchet ms";
	letter-spacing: -1px; 
	margin-bottom: 0; 
	color: #c96;
}	
a:link 
{ 
	text-decoration: none;
	border-bottom: 1px dotted #369; 
	color: #369;
}
a:visited 
{ 
	text-decoration: none;
	border-bottom: 1px dotted #369; 
	color: #369;
}
a:hover, a:active 
{ 
	text-decoration: none;
	border-bottom: 1px solid #036; 
	color: #036;
}
/* ---( specific divs )----------------------------- */

#container 
{
	position: relative;
	background: #FFFBDF;
	margin: 0 auto 10px auto;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	text-align: left;
	width: 800px;
}
#pageHeader
{
	height: 250px;
	background: url(/images/zamuta_soapnuts.jpg) no-repeat top left;
}
/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
#pageHeader h1, #pageHeader h2 span
{ 
	margin: 0;
	padding: 0;
	display: none;
}	
#pageHeader h2 
{ 
	position: absolute;
	top: 268px;
	left: 20px;
	padding: 0;
	margin: 0;
	background: url(/images/tagline.gif) no-repeat top left;
	width: 528px;
	height: 74px;
}

/* ---( quick summary)---------------------------- */

#quickSummary 
{
	position: absolute;
	top: 250px;
	right: 0;
	left: auto;
	z-index: 2;
	width: 265px; 
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 267px;
}
html>body #quickSummary
{
 		width: 267px;
}
#quickSummary p 
{
	margin: 45px 15px 15px 15px;
	text-align: center;
	height: 93px;
	font-style: italic;
	font-size: 140%; 
	font-family: "trebuchet ms";
	font-weight: bold;
	line-height: 1.5em;
	color: #444;
}

#quickSummary p a:link, #quickSummary p a:visited, #quickSummary p a:hover, #quickSummary p a:active
{
	border-bottom: none;
}
#quickSummary p.p2 
{
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	margin-top: 0;
}
#shipping_promo_25free
{
	background-color: #cddb90;
	border: 1px dotted #000;
	padding: .5em;
	padding-top: 1.5em;
	margin: 104px 307px 0px 20px;
	text-align: center;
	font-weight: bold;
	font-size: 1em;
}
#shipping_promo_25free:hover
{
	cursor: pointer;
}
#preamble 
{
	margin: 0px 307px 0px 20px;
}
#supportingText 
{
	padding-left: 20px; 
	margin: 0 317px 40px 0;
}
#footer 
{ 
	border-top: 1px dotted #CDC4AC;
	padding-top: 6px;
	text-align: center;
}	
#footer a:link, #footer a:visited 
{ 
	margin-right: 6px;
}

/* ---( right side nav)----------------------------- */

#linkList 
{
	position: absolute; 
	top: 250px; 
	right: 0;
	left: auto;
	width: 267px;
	padding: 0;
	border-left: 1px solid #CDC4AC;
	border-bottom: 1px solid #CDC4AC;
	background: #E5E0D4 url(/images/linkbar_bg.jpg) no-repeat;
	z-index: 1;
}
#linkList2 
{ 
	margin: 190px 15px 15px 15px; 
}
#linkList h3
{
	color: #635F57;
	font-family: "trebuchet ms";
	font-size: 120%;
	margin: 0 0 6px 0;
	padding: 0;
}	
#linkList ul
{
		margin: 0px;
		padding: 0px;
}	
#linkList li
{
	display: block; 
	margin-bottom: 2px;
	padding: 0px 0px 20px 0;
	list-style-type: none;
	height: 20px;
	font-weight: bold;
	font-size: 150%;
}
#linkList li a
{
		background: url(/images/soapnut_light.gif) no-repeat 0 12px;
		height: 20px;
		padding: 8px 0px 20px 22px;
}
#linkList li a:link
{ 
	color: #c96;
	border-bottom: none;
}
#linkList li a:visited
{
	color: #c96;
	border-bottom: none;
}
#linkList li a:hover
{
	color: #963;
	background: url(/images/soapnut.gif) no-repeat 0 12px;
}
#lselect
{
	padding: 12px 0 12px 0;
	/*border-top: 1px dashed #CDC4AC;
	border-bottom: 1px dashed #CDC4AC;*/
}
#lresources
{
	margin-top: 12px;
}
#promo_badge
{
	width: 205px;
	height: 205px;
	float: right;
}
#promo_badge a
{
	text-decoration: none;
	border-bottom: none;
}
#promo_badge a img
{
	border: none;
}
form#contact_form input, form#contact_form label, form#contact_form textarea
{
	display: block;
}

form#contact_form label
{
	width: 150px;
	text-align: right;
	float: left;
}

form#contact_form input, form#contact_form textarea
{
	margin-left: 160px;
	width: 150px;
}

form#contact_form br
{
	clear: left;
}
dl.zend_form textarea
{
	width: 425px;
	height: 200px;
}