@charset "UTF-8";
/* =CALL LIBRARY */
	@import url("reset-min.css"); /* ------- Reset all CSS Styles */

/* =GENERAL - the general styles */
	body{
		font: 62.5%/2.2em "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
		color: #4b4942;
		background: #FFF;
	}
	a{text-decoration: none;color: #759A74;}
	a:hover{color: #643307;}
	hr{display: none;}
	strong{font-weight: bold;}

/* =LAYOUT - the main layout styles */
	.container{
		width:900px;
		margin: 0 auto;
		position: relative;
		overflow:hidden;
	}
	/* header layout */
	#header{
		height: 253px;
		background: #4a4841 url(/images/top_bg.jpg) top repeat-x;
		position: relative;
	}
	#navigation{
		position: absolute;
		right: 0;
		top:20px;
	}
	/* main area layout */
	#main{padding:24px 0 20px 0;}
	#leftcolumn{float: left;width:193px; }
	#center{float: left;width:380px;padding: 0 20px;}
	#rightcolumn{float: left;width:287px;}
	/* bottom layout */
	#bottominfo{
		border-top: 5px solid #643307;
		background: #f1eee7;
		padding-bottom:25px;
		width: 100%;
		overflow: hidden;
	}
	.bottomcolumn{
		float: left;
		width:288px;
		margin-right: 18px;
		margin-left: 150px;
	}
	.bottomright{	
	float: left;
	width:288px;
}
	
/* =HEADER - the header styles */
	#header .container{height: 253px;}
	/* logo */
	h1{
		position: absolute;
		height: 56px;
		width: 305px;
		top: 3px;
		background: url(/images/gardenmarkers.gif) center center no-repeat;
		border: 1px solid #666;
	}
	h1 a{
		text-indent: -9999px;
		display: block;
		height: 46px;
		border: 5px solid white;
	}
	h1 a:hover{
			border: 5px solid #643307;
}
	h1 a span{
		height:71px;
		width: 13px;
		position: absolute;
		top:0;
		right: -13px;
		cursor: pointer;
		background: url(/images/logo_right.gif) right top no-repeat;
	}
	/* top navigation */
	#navigation li{
		float: left;
		padding-right: 27px;
		text-transform: uppercase;
		font-size: 1.3em;
		font-weight: normal;
	}
	#navigation li a{color: #fff;}
	#navigation li a:hover,#navigation li.active a{color: #643307;}
	/* message */
	#banner{
	margin-top: 63px;
}
	#banner p {
	margin-right: 400px;
	margin-left: 10px;
	margin-top: 0;
	color: #3f543f;
	font: 1.8em/2.5em Georgia, "Times New Roman", Times, serif;
}
	#banner_product {
	float: right;
	width: 375px;
}

#banner_product a.more {
	position: absolute;
	bottom: 15px;
	color: #643307;
}

#banner_product a.more:hover {
	text-decoration: underline;
}

#banner_product img {
	float: right;
	padding: 3px;
	border: 1px solid #a0a19f;
	background: #fff;
}

/* =CONTENT - the content styles */
	/* left column */
	.leftbox{padding: 10px 23px 10px 23px;margin-bottom:3px;line-height:1.8em;}
	h3.leftbox{
	color: #3f543f;
	padding:5px 0 5px 23px;
	font: 19px Georgia, "Times New Roman", Times, serif;
}
	h3.header_small{font-size:15px;font-weight: bold;background: #f1f0ef;padding:0 23px 5px 23px;}
	
	.leftnav {
	border: 1px solid #999;
}
	
	ul.leftbox{font-size: 1.2em;
	border: solid 5px #FFF;
	background: #f1f0ef;
	margin: 0;
	padding: 0;
}

ul.borderedlist li{
	font: 1.2em Georgia, "Times New Roman", Times, serif;
}
	ul.borderedlist li a{
		padding:5px 0 5px 10px;
		color: #42423b;
		display: block;
}
	ul.borderedlist li a:hover{ 
	background: #643307;
	color: #FFF;
}

ul.bottomlist {
	border-left: 5px solid #FFF;
}

.features{padding-top:15px;font:1.27em Arial, Helvetica, sans-serif;}
	
	h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
}
	#leftcolumn .leftbox p{padding-bottom:1em;line-height:1.5em; font-size:12px}	
	/* center column */
	.article_wrapper h2{color: #3f543f;margin:10px 0;
	font: 2.5em Georgia, "Times New Roman", Times, serif;
}

.article_wrapper h3{color: #5e5e5d; font-size:1.3em;margin: 0 12px 20px 0; font-weight: normal; text-align: center; font-style: italic;  }

.article_wrapper h3 a {
	display: block;
	width: 100%;
	height: 100%;
background: #eee;
padding: 10px 0;
}

.article_wrapper h3 a:hover {
background: #643307;
color: #fff;
}

	.article_wrapper p{padding-bottom:10px;font-size:1.3em;}	
	.article_wrapper em {
	font-style: italic;
}
	.article_wrapper img {
	padding: 3px;
	border: 1px solid #a0a19f;
	background-color: #d9d3c3;
}

.article_wrapper a:hover img {
	background: #643307;
}

	.article_wrapper table {
	font-size: 1.2em;
	margin: 10px;
	background-color: #d9d3c3;
}
	.article_wrapper th {
	padding: 10px;
	font-weight: bold;
}

.article_wrapper td {
	padding: 0 10px;
}

.article_wrapper tr {
	border-bottom: 1px solid white;
}

.article_wrapper ul, .article_wrapper ol {
	margin-left: 40px;
}

.article_wrapper li {
	list-style-type: square;
	font-size: 1.2em;
}

	/* right column */
	.rightbox_wrapper{
		padding:5px;
		margin-bottom: 20px;
		width:277px;
		overflow: hidden;
		font-size:11px;
		line-height: 18px;
		color: #58584D;
	}
	.rightbox{width:275px;overflow: hidden;padding-bottom:6px;}
	.product_image{ float: right;margin: 6px 0 0 6px; padding: 1px; border: 1px solid #CA5F88; }

.product_wrapper_bd {
	border: 5px solid #fff;
	padding: 0 7px;
}

.product_wrapper {
	border: 1px solid #999;
	float: right;
	width:200px;
	background: #f1f0ef;
}
	.product_wrapper h4{font-size:1.3em;color: #3f543f;font-weight: bold;padding-top:10px;}
	.product_wrapper p{font-size:1em;}
	.lastbox{margin:0;}
/* =BOTTOM */
	.bottomcolumn h3, .bottomright h3 {
		/*border-bottom: 4px solid #CA5F88;*/
		color: #759A74; font-size:18px;padding:15px 0 5px 5px;
	}
	.bottomcolumn p, .bottomright p{
		padding: 10px 35px 10px 5px;
		font-size: 1.2em;
	}
	.iconlist{
		border-top: 1px dashed #d1cfcd;
		font-size: 1.2em;
	}
	ul.iconlist li a{
		padding-left: 25px;
		background: url(/images/footer_list1.jpg) left top no-repeat;
	}
	ul.iconlist  li a:hover{background: #E9E4DE url(/images/footer_list1.jpg) left top no-repeat;color: #42423b;}
	.enewsbox{
		float: left;
		width: 180px;
		height: 17px;
		padding:3px 5px;
		border: 4px solid #5599A7;
		font-size:13px;
	}
	.button{
		display: block;
		float: left;
		width: auto;
		line-height:1em;
		text-align: center;
		background: #659AA6;
		border: 4px solid #fff;
		color: #fff;
		cursor: pointer;
		margin:0;
		padding:3px 8px; /* IE6 */
	}
	
/* =FOOTER */
	#footer{
		height: 42px;
		background: #4a4841 url(/images/footer_bg.jpg) 0 0 repeat-x;
		font-size: 1.2em;
	}
	#footer a{color: #759A74;}
	#designby{
		background: url(/images/BA21_logo.gif) 0 0 no-repeat;
		float: left;
		height: 30px;
		padding:5px 0 0 65px;
		margin-top: 5px;
	}
	#footer_navigation{
		float: right;
		padding-top:7px;
	}
	#footer_navigation li{float: left;padding-left:18px;}
	#footer_navigation li a{text-transform:uppercase; color: #759A74;}
	#footer_navigation li a:hover{color: #759A74;
	text-decoration: underline;
}
	
	/*  =Ike_slideshow */
	
	.ike-slideshow {
border-top: 1px #dddddd solid;
border-bottom: 1px #dddddd solid;
margin: 10px 0px;
padding-top: 10px;
}
.ike-slideshow ul {
margin: 0px;
padding: 0px;
list-style: none;
}
.ike-slideshow ul li {
display: none;
margin: 0px;
padding: 0px;
list-style: none;
height: inherit;
line-height: inherit;
}
.ike-slideshow ul li.first {
display: block;
}
.ike-slideshow-image {
text-align: center;
padding: 0px;
font-size: 1px;
letter-spacing: 0;
}
.ike-slideshow-info {
margin-top: 10px;
text-align: center;
}
.ike-slideshow-caption {
}
.ike-slideshow-caption p {
margin: 0 0 10px 0;
}
.ike-slideshow-pagination {
font-size: 10px;
vertical-align: 2px;
padding: 2px 5px;
color: #666666;
}
.ike-slideshow img {
border: 0px;
padding: 0px;
display: inline;
margin: 0px;
}
.ike-slideshow-controls {
text-align: center;
margin: 0 0 10px 0;
}
.ike-slideshow-controls a {
border: 0px;
padding: 2px 10px;
margin: 4px;
color: #898989;
font-size: 12px;
background: #f4f4f4;
}

/* zem_contact form */

/**************** Form and ZCR styles ****************/

fieldset {
	border: 0 none;
	margin: 0;
	padding: 0;
}

fieldset ul {
	color: red;
}

fieldset legend {
	display: none;
}

form.zemContactForm div input, form.zemContactForm div select, form.zemContactForm div textarea, form.zemContactForm textarea, form.zemContactForm select, form.zemContactForm input {
	border: 1px solid #ede;
	background: #efecec;
	padding: 5px;
	margin: 3px 0;
	font-size: 1.2em;
	line-height: 1em;
}

form.zemContactForm input {
	width: 50%;
}

form.zemContactForm textarea { width: 300px; }

form.zemContactForm {
	padding: 0 0 0 5px;
	margin: 0;
	font-size: 1.2em;
	color: #333;
}

form.zemContactForm div {
	clear: left;
	display: block;
	margin: 0;
	padding: 0;
}

form.zemContactForm div label {
	display: block;
	width: 100px;
	padding: 0;
	margin: 0px 10px 5px 0px;
	text-align: left;
}

ul.zemError {
	list-style-type: none;
	margin: 5px;
	padding: 2px;
	border: 1px #f00 solid;
	color: #f00;
	background: #fff;
}

.zemRequired {
	font-weight: bold;
}

.zemRequirederrorElement {
	color: #f00;
	font-weight: bold;
}

input.zemRequirederrorElement, select.zemRequirederrorElement,textarea.zemRequirederrorElement {
	background: #e2e2e7;
}

p.red {
	color: red;
	font-weight: bold;
}

form.cart_form {
	background: #fdf7bb;
	padding: 10px;
}

form.cart_form select {
	font-size: 1.5em;
}

form.cart_form input.input_text {
	font-size: 3.5em;
	width: 100%;
}

form.cart_form label {
	color: #643307;
	font-size: 1.3em;
	
}
input.input_submit {
	font-size: 2em;
	width: 360px;
	margin: 20px 0 10px;
}

form.cart_form label.input_text_label {
	font-size: 2em;
}

div.order_details {
	text-align: right;
	padding: 10px 0;
}

div.order_details2 {
	text-align: center;
	padding: 10px 0;
}

div.order_label {
}

.duplicateLink {
	font-size: 1.3em;
	color: #759A74;
	padding: 5px;
	background: #fff;
	border: 1px solid #759A74;
}

a.duplicateLink:hover {
	color: #fff;
	border: 1px solid #fff;
	background: #759A74;
}

.removeLink {
	font-size: 1.2em;
	color: #f00;
	padding: 3px;
	background: #fff;
	border: 1px solid #f00;
	float: right;
}



a.removeLink:hover {
	color: #fff;
	border: 1px solid #fff;
	background: #f00;
}