/**
 * Brown color stylesheet. to include it , just make its name starts with style...
 *
 * @package templateSystem
 * @copyright Copyright 2003-2005 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id:stylesheet.css 4813 2006-10-23 02:13:53Z drbyte $
 */
 
 body {
    background: url("../images/bg-pattern.png") repeat fixed 0 0 #4fa29a;
}

 #dropMenuWrapper {
	font-family: sans-serif;
	display: inline-block;
	line-height: 1em;
	padding:0;
	border: 1px solid #87bf00;
	border-bottom-color: #7ca122;
	color: white !important;
	text-align: center;
	text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
	text-decoration: none !important;
	
	/*Background*/
	background-color: #8dc11e; /*Fallback*/
	background: -webkit-gradient(
					linear,
					left top,
					left bottom,
					color-stop(.2, #9ecb32),
					color-stop(1, #86bd28)
				);
	background: -moz-linear-gradient(
					center top,
					#9ecb32 50%,
					#86bd28 100%
				);
	
	/*Box shadow*/
	-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
						inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
						0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
	-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
					inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
					0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
	box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
				inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
				0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;

	/*Border radius*/
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	width:100%;
	margin: 25px auto 0;
}

div#dropMenu > ul li {
    background: none;
    border-left: 1px solid #9fcd42;
    border-right: 1px solid #76a31c;
	}
div#dropMenu > ul  li:first-child {
	border-left:none;
	}
div#dropMenu > ul  li:last-child {
	border-right:none;
	}

#top-btn-cart a, #zc-footer a {
    color: #7fb335;
}

.cssButton {
	display: inline-block;
	margin: 5px;
	padding: 3px 13px;
	border: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	color: white !important;
	text-align: center;
	text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
	text-decoration: none;
	font-size: 1em; /* Make inputs the same size as anchors */
	font-family: inherit; /* Make inputs use the correct typeface instead of the browser default */
	cursor: pointer; /* Inputs need pointers! */
	
	/*Background*/
	background: #7fb335; 
	-webkit-transition: all ease-in-out 0.4s;
	-moz-transition: all ease-in-out 0.4s;
	-o-transition: all ease-in-out 0.42s;
	transition: all ease-in-out 0.4s;

}
.cssButton:hover, .cssButtonHover,.cssButton:focus, .cssButtonHover:focus {
	opacity: .8;
	text-decoration:none !important;
	display: inline-block;
	margin: 5px;
	padding: 3px 13px;
	border: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	color: white !important;
	text-align: center;
	text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
	font-size: 1em; /* Make inputs the same size as anchors */
	font-family: inherit; /* Make inputs use the correct typeface instead of the browser default */
	cursor: pointer; /* Inputs need pointers! */
	
	/*Background*/
	background: #7fb335;
	-webkit-transition: all ease-in-out 0.4s;
	-moz-transition: all ease-in-out 0.4s;
	-o-transition: all ease-in-out 0.42s;
	transition: all ease-in-out 0.4s;
}

#allProductsDefaultHeading, #newProductsDefaultHeading, #featuredDefaultHeading, .centerBoxHeading, h1#productName {
    background: none repeat scroll 0 0 #D5F4F7;
    border-color: #B3E3E8;
}
.productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount, .alert {
    color: #7fb335;
}
.sideBoxContentItem .price {
    color: #7fb335;
}

