﻿BODY {
	PADDING: 0px;
	MARGIN: 0px;
	FONT-FAMILY: tahoma, arial;
	FONT-SIZE: 13px;
	color:#333333;
	margin:0px;
	line-height:20px;
	background-color: #000;
	background-image:url('../images/mock3_build_bg.jpg');
	background-position: center top;
	background-repeat:no-repeat;


	

}
a:link {
	color: #346633;
	text-decoration:none;
}
a:visited {
	color:#346633;
	text-decoration:none;
}
a:hover {
	color:#f27800;
	text-decoration:underline;	
}

#container {
	margin-left:auto;
	margin-right:auto;
	width: 1000px;
	height:auto;
}
#header_bg {
	height: 258px;
	text-align: center;
	background-image: URL('../images/header_bg.jpg');
	background-repeat:repeat-x;
	margin:auto;
	width:auto;

}
#header	{	
	height: 258px;
	width: 1000px;
	margin:auto;
	text-align: center;
	background-image: URL('../images/header.jpg');
	background-repeat:no-repeat;



}
#logo {
	height: 189px;
	width: 530px;
	float:left;
	text-align:left;
	font-size:24px;
	font-weight:bold;
	line-height:22px;
	color:#FF0000;
}

#header_contact	{
	height: 159px;
	width: 450px;
	float:left;
	text-align:center;
	line-height:22px;
	padding:15px 0 0 20px;

}
#header_ship	{
	background-color:#fff;
	padding:10px;
	margin:10px 50px;
	border-radius:10px;
	font-size:11px;
	font-weight:bold;
	line-height:16px;
}

#menu {
	height: 59px;
	width: 1000px;
	clear:both;
}
#topmenu {
	height: 59px;
	width: 678px;
	float:left;
}
#topmenu a:hover {
	outline:none;
}
#minicart	{
	width:262px;
	height:40px;
	float:left;
	text-align:right;
	margin:19px 0 0 0;
	padding: 0px 0px 0px 0px;
	background-image: URL('../images/cart_bg.jpg');
	background-repeat: no-repeat;

}


.navbutton {
	width:24px;
	height:24px;
	border:0;
}
.search_box {
	border: 0;
	height: 24px;
	font-size: 12px;
	color: #000000;
	width:112px;
	padding:0px 0px 0px 5px;
	margin:0;
	background-image: URL('../images/search_bg.jpg');
	background-repeat: repeat;

}

#facebook	{
	width:45px;
	height:44px;
	float:right;
	text-align:right;
	padding: 15px 15px 0px 0px;
}




.leftnav {
	width: 230px;
	background-image: URL('../images/leftnav_bg.png');
	background-repeat: repeat-y;
	font-size:16px;
	line-height:36px;

}

.leftnav  a:link {
	color: #fff;
}
.leftnav   a:visited {
	color: #fff;
}
.leftnav  a:hover {
	color: #f27800;
	text-decoration:none;
}
#leftnav_menu {
	padding: 10px 0px 20px 15px;	
	color:#fff;

}


#leftnav_greenbox {
	width: 215px;
	height:35px;
	background-color:#346633;
	color:#fff;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	padding-left:15px;
	

}


#leftnav_search {
	padding: 15px 0px 10px 0px;	

}


.newsletter_box {
	border: 0;
	font-size: 10px;
	height: 23px;
	color: #666666;
	width:140px;
	padding:1px 5px 0px 5px;
	margin:0;
	background-image: URL('../images/newsletter_bg.jpg');
	background-repeat: repeat;

}




#beseen
{
	font-size:20px;
	color:#EFFC98;
}
#mainheader {
	height: 410px;
	width: 990px;
	text-align: center;
	position:relative;
}
#content_bg {
	background-image: url('../images/content_bg_repeat.jpg');
	background-repeat: repeat-y;
	height: auto;
	clear: both;
	overflow: hidden;
}
#content_container {
	width: 740px;
	padding: 20px 15px 30px 15px;
	line-height:22px;
}
#content_container_home {
	width: 770px;
	padding: 0px 0px 0px 0px;
}




#featured {
	width: 740px;
	padding: 30px 15px 30px 15px;
}


#featured_title	{
	color:#346633;
	font-size:14px;
	padding: 5px 0px 5px 0px;
}
#contact {
	width: 300px;
	margin-top:65px;
	margin-right:5px;
	color:#FFFFFF;
	text-align:right;
	float:right;
}



.searchfield {
	background-color: #FFFFFF;
	border: thin solid #FFFFFF;
	width: auto;
	height: auto;
	color: #000000;
}

.go {
	vertical-align: middle;
}
#leftcol {
	width: 200px;
	text-align: center;
	margin: 0px;
}
#midcol {
	width: 640px;
	margin: 0px;
}
#rightcol {
	width: 150px;
	margin: 0px;
}
.receiptbg {
	background-color: #FFFFFF;
}
.cartbuttons {
	font-family: arial;
	font-size: 12px;
	padding: 2px;
	FONT-WEIGHT: bold;
	COLOR: #000000;
	FONT-FAMILY: Arial;
	height: 20px;
	background: url('../images/cartbutton');
}
.searchbutton {
	font-family: arial;
	font-size: 12px;
	FONT-WEIGHT: bold;
	background-color:#FFFFFF;	
	COLOR: #FF0000;
	FONT-FAMILY: Arial;
	width: 30px;
	height: 23px;
}
hr {
	color: #818181;
	height:1px;
}
.receiptbg
{
	background-color: #FFFFFF;
	Color:#000000;
}
.optionbutton
{  
     font-family: arial;   
     font-size: 12px;   
     padding-top: -2px;
     FONT-WEIGHT: bold;   
     COLOR: #FFFFFF;   
     FONT-FAMILY: Arial;   
     BACKGROUND-COLOR: #BD2400;  
}
h3 {
	color: #346633;
	font-size: 2em;
	font-weight: normal;
	font-family: Georgia;
}
h3.group {
	color: #346633;
	font-size: 36px;
	font-weight: normal;
	font-family: Georgia;
	margin: 10px 0px 20px 0px;
}
h3.product {
	color: #333333;
	font-size: 2em;
	font-weight: normal;
	font-family: Georgia;
	margin: 10px 0px 10px 0px;
}

h3.header {
	color: #346633;
	font-size: 20px;
	font-weight: normal;
	font-family: Georgia;
	margin: 10px 0px 0px 0px;
}

h3.header span {
	margin: 0 5px;
}


h3.headeremail {
	color: #346633;
	font-size: 15px;
	font-weight: normal;
	font-family: Georgia;
	margin: 5px 0px 0px 0px;
}



h4 {
	color: #333333;
	font-size: 1.4em;
	font-weight: normal;
	font-family: Georgia;
	padding:0px 0px 10px 0px;
	margin:0px 0px 0px 0px;
}
h5 {
	color: #ffffff;
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 0px;
}
h6 {
	color: #207379;
	font-size: 1.0em;
	font-weight: bold;
	margin: 10px 0 20px 0;
}
p {
}
FORM {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
}
#footer {
	width: 1000px;
	height: 235px;
	clear:both;

}

#footer_bg {
	width: 970px;
	height: 235px;
	margin-left: auto;
	margin-right: auto;
	padding:0px 15px 0px 15px;
	background-image: URL('../images/footer_bg.jpg');
	background-repeat: no-repeat;
	clear:both;
	color:#fff;
}

#footer_bg a:link {
	color: #fff;
}
#footer_bg a:visited {
	color: #fff;
}
#footer_bg a:hover {
	color: #fff;
}


#copyright {
	height: 40px;
	width: 1000px;
	text-align: right;
	float:left;
	font-size: 10px;
	padding: 15px 0px 0px 0px;
	color:#fff;
}
#copyright a:link {
	color: #fff;
}
#copyright a:visited {
	color: #fff;
}
#copyright a:hover {
	color: #f27800;
	text-decoration:none;
}

#footer_links {
	width: 200px;
	height: 228px;
	text-align: left;
	font-size:12px;
	line-height:22px;
	float:left;
	padding: 7px 0px 0px 15px;
}

#footer_links2 {
	width: 465px;
	height: 228px;
	text-align: left;
	font-size:12px;
	line-height:22px;
	float:left;
	padding: 7px 0px 0px 38px;
}



#footer_contact {
	width: 237px;
	height: 228px;
	text-align: left;
	float:left;
	padding: 7px 0px 0px 15px;
}

.footer_title
{
	font-size:14px;
	color:#fff;
	font-weight:bold;
	padding-bottom:20px;
}

.footer_title_contact
{
	font-size:14px;
	color:#fff;
	font-weight:bold;
	padding:20px 0px 10px 0px;
}




.footer_links_height
{
	line-height:26px;
}



a.grey {
	color:#666666;
}


/*MOUSEOVER IMAGE POPUP*/
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FF0000;
padding: 5px;
left: -1000px;
border: 5px dashed #FFFFFF;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -100px;
left: -100px; /*position where enlarged image should offset horizontally */

}
#anet
{
	float:right;
}
.price
{
	font-size:16px;
	color:#ff0000;
	font-weight:bold;
}
.price a:link{
	font-size:16px;
	color:#ff0000;
	font-weight:bold;
}
.price a:visited
{
	font-size:16px;
	color:#ff0000;
	font-weight:bold;
}
.bambooicon
{
	 float:right;
	 margin:10px;
	 text-align:center;
	 font-size:16px;
	 color:#CC3300;
	 font-weight:bold;
}
#glossary
{
	background-image: URL('../images/tree-ghost.jpg');
	background-position:center top;
	background-repeat:no-repeat;
	padding:20px;
	background-color:#ffffff;
}
#ecostatement
{
	font-size:10px;
	font-weight:bold;
	color:#ffffff;
	background-color:#849C6B;
	padding:20px;
	text-align:left;
}


#email2 { display: none; }

#address5 { display: none; }



#leftnav_minilogin	{
	width: 206px;
	padding: 8px 0px 0px 0px;
	clear:both;
	color:#818285;
	font-size:11px;
}

.minilogin_text	{
	padding: 0px 0px 14px 4px;
	font-weight:bold;
	font-size:11px;
}


.minilogin_box {
	border-style: solid;
	border-color: #707070;
	border-width: 1px;
	font-size: 11px;
	height: 14px;
	color: #707070;
	background-color:#fff;
	width:80px;
}

.login_box {
	border: 0;
	font-size: 12px;
	height: 24px;
	color: #121212;
	width:133px;
	padding:0px 3px 0px 5px;
	margin:0px 5px 0px 0px;
	background-image: URL('../images/login_bg.jpg');
	background-repeat: repeat;

}

.loginbutton {
	width:77px;
	height:25px;
	margin:0;
}







/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    /*height:420px;*/
    height:683px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

/* ///FOR PRODUCT DETAIL IMAGE ROLLOVERS ///  */
#Relative {
	position: relative; 
	margin:0 auto 14px auto; 
/*	width:300px; 
	height:400px; */
	
	width:450px;
	height:663px;
	
	min-height:200px; 
	_height:200px /**for IE6 Only**/ 
}

#navlist, #defaultImage {
	padding: 0 1px 1px;
	margin-left: 0;
	font: bold 12px Verdana, sans-serif;
	position:absolute;
	/*top:315px;*/
	top:578px;
	left:0px;
}

#navlist li {
	list-style: none;
	margin: 0;
	display: inline;
	float:left;
}

#navlist li a {
	padding: 0 0 0 6px;
	text-decoration: none;
}

#navlist li:last-child a {
	padding-left: 0;
	text-decoration: none;
}

#navlist li a:link { 
	color: #448; 
}

#navlist li a:visited { 
	color: #667; 
}

#navlist li a:hover, #navlist li a:active, #navlist li a:focus{
	color: #FFF;
	visibility: visible;
}

/**Default Image container**/
#defaultImage {
	visibility:visible;
	display:block;
	position:absolute;
	left:0px; /**adjust position in pixels or % **/
	top:0px; /**adjust position in pixel or %**/
	
	/*width:300px;
	height:325px;*/
	
	width:450px;
	height:588px;
	
	overflow:hidden;
	color:#666;	
}

div.img_container_prod img {
	width:100%;
	height:100%;
}

#defaultImage div.img_container_prod {
	/*width:300px;
	height:300px; */
	
	width:450px;
	height:563px;
	
	overflow:hidden;
	margin-bottom:-10px;
}


/**disjointed image rules**/
*:first-child+html #navlist { 
	margin-top:10px;	/* IE7 Hack to move thumbnails down*/	
}


#navlist li a span {
	visibility:hidden;
	display:block;
	position:absolute;
	left:0px; /**position same as default image layer above**/
	/*top:-327px; *position same as default image layer above**/
	
	top:-590px;
	color:#666;
	
	/*width:300px;
	height:325px;*/
	
	width:450px;
	height:588px;
	
	
	overflow:hidden;
}

*:first-child+html #navlist li a span {
	/*top:-325px; * IE7 Hack - to move main image down on rollover**/
	top:-588px;
	
}
	
#navlist li a:hover span, #navlist li a:active span, #navlist li a:focus span {
	visibility:visible;
	/*width:300px;
	height:325px;*/
	
	width:450px;
	height:588px;
	overflow:hidden;	
}

div.tn_container {
	width:70px;
	height:70px;
	overflow:hidden;
	float:left;
}

div.tn_container img {
	width:150%;
}

#navlist li a span div.img_container_prod {
	/*width:300px;
	height:300px;*/
	
	width:450px;
	height:563px;
	
	overflow:hidden;
	margin-bottom:-10px;
}

/* /// END FOR PRODUCT DETAIL IMAGE ROLLOVERS ///  */

blockquote.notice	{
	background-color: #ddd;
	padding:10px;
	margin:35px;
}

blockquote.notice strong	{
	color:red;
}
