ul,ol,li {
	margin:0;
	padding:0;
	border:0;
}

/*
==========================================================
  Header
==========================================================
*/
#homeheader {
	width:100%;
	background:#F3F5E7;
	height:190px;
}

#homeheader img {
	float:right;
}

#homeheader .hours {
	color:#000;
	float:left;
	margin:14px 0 0 15px;
    padding: 0;
	text-align:center;
	width:230px;
}

#homeheader .hours p {
	font-size:1.2em;
	padding:0;
	margin:0;
		line-height: 1.6;
}

#homeheader h2 {
	font-size:1.4em;
	margin:0px;
    padding: 0;
}

/*
==========================================================
  Google Search - home and inside
==========================================================
*/
#searcharea {
	margin:10px 15px 0 0px;
}

#home #searcharea {
	margin:0px;
}

#searcharea #cse {
	margin:5px 15px 0 8px;
}

#searcharea #cse a {
	color:#9AA064;
	line-height:150%;
}

#searcharea #cse .gsc-wrapper {
	width:100%;
	padding:0;
	margin:0;
}

#searcharea .gsc-branding {
	display:none;
}

#searcharea .gsc-tabHeader {
	height:45px;
	border:thin solid #F90;
}

#searcharea .gsc-input input,
#searcharea input {
	font-size:small;
	border-radius:5px;
	height:20px;
	margin:0 0 0 5px;
	padding:3px;
	width:145px;
}

#searcharea table.gsc-search-box td.gsc-input {
	padding-right:5px;
}

#searcharea .gsc-search-button {
	font-size:x-small;
	color:#3A4A63;
	font-weight:700;
	width:55px;
	background:#DFE3B9;
	width:auto;
	padding:0 3px;
	border-radius:5px;
	border:none;
}

#searcharea .gsc-webResult {
	background:#fff;
	color:#000;
	padding-left:3px;
}

/*
==========================================================
  breadcrumb navigation
==========================================================
*/
.topnav {
	font-size:85%;
	float:left;
	margin-bottom: 10px;
	color:#FFF;
}

.topnav a {
	padding:5px 2px 5px 0;
}

.topnav a:link,
.topnav a:visited {
	color:#C2CA7C;
}

.topnav a:hover {
	color:#FFF;
}

/*
==========================================================
  Facebook icons
==========================================================
*/
#homeheader .eventicons {
	margin:0px 10px 0 25px;
}

.eventicons ul {
	float:left;
}

.eventicons li {
	float:left;
}

.eventicons li a {
	padding:0 5px;
	text-decoration:none;
	border-bottom:none;
}

/*
==========================================================
  Main navigation
==========================================================
*/
#mainnav {
	width:100%;
	font-weight:400;
	background:#C2CA7C;
	line-height:1;
	font-size:1.4em;
	clear:both;
	text-align:center;
	margin:0 auto;
    z-index: 10;
}

#mainnav ul ul {
	display:none;
}

#mainnav ul li:hover > ul {
	display:block;
}

/*Display the dropdown on hover*/
#mainnav ul li:hover ul{
   display: block;
}

#mainnav ul {
	background:#C2CA7C;
	margin:0 auto;
	list-style:none;
	position:relative;
	display:inline-table;
}

#mainnav:after {
	content:"";
	clear:both;
	display:block;
}

#mainnav ul li {
	float:left;
  z-index: 100;
}

#mainnav li a:link,#mainnav li a:visited {
	color:#353A5A;
}

#mainnav ul li:hover a {
	color:#fff;
}

#mainnav ul li a {
	display:block;
	text-decoration:none;
	padding:13px 11px 11px;
	text-decoration:none;
	border:none;
	font-weight:400;
}

#mainnav ul ul {
	margin:0;
	padding:0;
	position:absolute;
	top:100%;
	max-width: 200px;
}

#mainnav ul ul li {
	float:none;
	background:#C2CA7C;
	position:relative;
	border-bottom:thin dashed #989E63;
	text-align:left;
    max-width: 200px;
}

#mainnav ul ul li a {
	padding:10px 15px;
	color:#353A5A;
}

#mainnav li li a:link {
	color:#353A5A;
}

#mainnav li li a:hover {
	color:#FFF;
}

#home li.home a,
#plants li.plants a,
#widectr.plant-combo a,
#products li.products a,
#locations li.locations a,
#events.eventpage li.events a,
#classes.eventhome li.events a,
#classes.classpage li.classes a,
#tips li.tips a,
#giving li.giving a,
#widectr.landscape li.landscape a,
#services li.services a {
	color:#fff;
}

/*
==========================================================
  Mobile
==========================================================
*/
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
	/* Styles */
	#mainnav {
		width:100%;
		margin:0 auto;
		font-size:1.2em;
		background:#C2CA7C;
	}

	#mainnav ul {
		width:900px;
		margin:0 auto;
		list-style:none;
	}

	.perennials h1 {
		font-size: 2.4em;
	}
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
	/* Styles */
	#mainnav {
		width:100%;
		margin:0 auto;
		font-size:1.2em;
		background:#C2CA7C;
	}

	#mainnav ul {
		width:900px;
		margin:0 auto;
		list-style:none;
	}

	.perennials h1 {
		font-size: 2.4em;
	}
}

/*
==========================================================
  Google Search
==========================================================
*/

table.gsc-search-box {
    border-spacing: 0;
    border-style: none;
    border-width: 0;
    margin-bottom: 2px;
    width: 60%;
}
#searcharea #cse {
	margin:5px 15px 0 8px;
}

#searcharea #cse a {
	color:#9AA064;
	line-height:150%;
}

#searcharea #cse .gsc-wrapper {
	width:100%;
	padding:0;
	margin:0;
}

#searcharea .gsc-branding {
	display:none;
}

#searcharea .gsc-tabHeader {
	height:45px;
	border:thin solid #F90;
}

#searcharea .gsc-input input {
	font-size:small;
	border-radius:5px;
	height:20px;
	margin:0;
	padding:3px 0;
	width:145px;
    color: #000;
}

#searcharea table.gsc-search-box td.gsc-input {
	padding-right:5px;
}

#searcharea .gsc-search-button {
	font-size:x-small;
	color:#3A4A63;
	font-weight:700;
	width:55px;
	background:#DFE3B9;
	width:auto;
	padding:0 3px;
	border-radius:5px;
	border:none;
}

#searcharea .gsc-webResult {
	background:#fff;
	color:#000;
	padding-left:3px;
}

/*
==========================================================
  Left Column
==========================================================
*/
#left-col {
	float:left;
	width:770px;
}

#nav-col {
	padding-top:10px;
	float:left;
	width:235px;
}
#nav-col h1 a {
	text-transform:uppercase;
	margin:5px 0 5px 0;
	color:#9AA064;
	line-height: 110%;
    font-size: 1.6em;
}

.landscape #nav-col h1 a,
#tips #nav-col h1 a,
#products #nav-col h1 a  {
    font-size: 1.2em;
    font-style: normal;
}

#plants.perennials #nav-col h1 a {
    font-size: 1.2em;
    font-style: normal;
}

#plants.houseplants #nav-col h1 a {
    font-size: 1em;
}

#nav-col h1 a:link,
#nav-col h1 a:visited {
	color:#989E63;
}

#nav-col h1 a:hover {
	color:#F3F5E7;
}

#nav-col h2 {
	color:#F3F5E7;
}

#nav-col p a {
	margin-bottom:20px;
}

#nav-col p a:link,#nav-col p a:visited {
	color:#F3F5E7;
	border-bottom:thin dashed #575C25;
}

#nav-col p a:hover {
	color:#000;
}

/*
==========================================================
  Left Col navigation
==========================================================
*/
#navLeft {
	float:left;
	padding:0 5px 0 10px;
	width:235px;
}

#navLeft ul {
	margin:0px 0 30px;
  clear:both;
}

#navLeft li {
	width:220px;
	border-bottom:thin dashed #575C25;
}

#navLeft li.last {
	width:220px;
	border-bottom:none;
}

#navLeft a {
/* font-style: italic; */
	font-size:1.4em;
	line-height: 1.4em;
	text-decoration:none;
	border:none;
	font-weight:400;
}

#navLeft ul li a:link,#navLeft ul li a:visited {
	color:#F3F5E7;
	display:block;
	padding:8px 5px;
}

#navLeft ul li a:hover,
#navLeft ul li a.active,
#navLeft li.current a:link,
#navLeft li.current a:visited,
#plants.annuals li.annuals a:link,
#plants.annuals li.annuals a:visited,
#plants.combo li.combos a:link,
#plants.combo li.combos a:visited,
#plants.bonsai li.bonsai a:link,
#plants.bonsai li.bonsai a:visited,
#plants.bulbs li.bulbs a:link,
#plants.bulbs li.bulbs a:visited,
#plants.containers li.containers a:link,
#plants.containers li.containers a:visited,
#events li.specialevents a:link,
#events li.specialevents a:visited,
#plants.fruits li.fruits a:link,
#plants.fruits li.fruits a:visited,
#plants.natives li.natives a:link,
#plants.natives li.natives a:visited,
#plants.perennials li.perennials a:link,
#plants.perennials li.perennials a:visited,
#plants.seeds li.seeds a:link,
#plants.seeds li.seeds a:visited,
#plants.trees li.trees a:link,
#plants.trees li.trees a:visited,
#plants.veggies li.veggies a:link,
#plants.veggies li.veggies a:visited,
#plants.houseplants li.houseplants a:link,
#plants.houseplants li.houseplants a:visited,
#plants.groundcovers li.groundcovers a:link,
#plants.groundcovers li.groundcovers a:visited  {
	color:#000;
	background:#C2CA7C;
	padding:8px 5px;
	display:block;
}

#plants.plants #navLeft li.current a:link,
#plants.plants #navLeft li.current a:visited {
    background:none;
    color:#F3F5E7;
}

/*
==========================================================
  navLeft .landinglistnav
==========================================================
*/
#navLeft .landinglistnav {
	padding:5px 10px 0px 5px;
	margin:10px 10px 0 0;
	background-color: #9AA064;
	width: 210px;
/* 	border-radius: 15px; */
}

#navLeft .landinglistnav.noback {
    background-color: #353A5A;
}

#navLeft .landinglistnav ul {
padding:0px;
	margin:0px;
}

#navLeft h2.featureh2,
#navLeft .landinglistnav h4 {
    margin: 0;
    padding: 0;
    color: #fff;
    text-shadow: -1px -1px 1px #000, 1px 1px 1px #000;
    text-align: center;
}

#navLeft h2.featureh2 {
    font-size: 2em;
}

.groundcovers h1 {
  font-size: 24px
}
/*
==========================================================
  accordion menu
==========================================================
*/

/* Base Styles */
#navLeft .accordion,
#navLeft .accordion ul,
#navLeft .accordion li,
#navLeft .accordion a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  font-weight: normal;
  text-decoration: none;
  line-height: 1;
  position: relative;
}

#navLeft ul li.first {
  display:none;
}

#navLeft .accordion a {
  line-height: 1.6;
  padding: 6px 15px;
}
#navLeft .accordion {
  width: 200px;
}
#navLeft .accordion > ul > li {
  cursor: pointer;
  /* background: #000;
  border-bottom: 1px solid gray;*/
}
#navLeft .accordion > ul > li:last-child {
  border-bottom: 1px solid #3e3d3c;
}
#navLeft .accordion > ul > li > a {
  font-size: 14px;
  display: block;
  color: #FFF;
  padding: 10px 5px;
  text-shadow: 0 1px 1px #000;
  background: #9AA064;
  background: -moz-linear-gradient(#C2CA7C 0%, #9AA064 60%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #C2CA7C), color-stop(60%, #9AA064));
  background: -webkit-linear-gradient(#C2CA7C 0%, #9AA064 60%);
  background: linear-gradient(#C2CA7C 0%, #9AA064 60%);
}
#navLeft .accordion > ul > li > a:hover {
  text-decoration: none;
}
#navLeft .accordion > ul > li.active {
  border-bottom: none;
}
#navLeft .accordion > ul > li.active > a {
  background: #97c700;
  background: -moz-linear-gradient(#97c700 0%, #709400 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c700), color-stop(100%, #709400));
  background: -webkit-linear-gradient(#97c700 0%, #709400 100%);
  background: linear-gradient(#97c700 0%, #709400 100%);
  color: #000;
  text-shadow: 0 1px 1px #709400;
}
#navLeft .accordion > ul > li.has-sub > a:after {
  content: "";
  position: absolute;
  top: 10px;
  right: 10px;
  border: 5px solid transparent;
  border-left: 5px solid #ffffff;
}
#navLeft .accordion > ul > li.has-sub.active > a:after {
  right: 14px;
  top: 12px;
  border: 8px solid transparent;
  border-top: 8px solid #4e5800;
}
/* Sub menu */
#navLeft .accordion ul ul {
  padding: 0;
  display: none;
}
#navLeft .accordion ul ul a {
  background: #9AA064;
  display: block;
  color: #000;
  font-size: 13px;border-bottom: thin dashed #575c25;
}
#navLeft .accordion ul ul a:hover,
#navLeft .accordion ul ul a.current {
 background: #c2ca7c;

}
#navLeft .accordion ul ul li {
  /* border-bottom: 1px dashed #c9c9c9; */
}
#navLeft .accordion ul ul li.odd a {
  background:#9AA064;
}
#navLeft .accordion ul ul li:last-child a {
  border-bottom: none;
}


/*
==========================================================
  Left Col pagebtn
==========================================================
*/

#navLeft .landinglistnav .pagebtn li {
  border-bottom: none;
}

#navLeft .landinglistnav .pagebtn li a{
	margin: 15px 15px 15px 5px;
  padding: 5px;
	border-radius: 10px;
	text-align: center;
	box-shadow: 4px 4px 0px rgba(0,0,0,0.3);
	color: #FFF;
}

#navLeft .landinglistnav .pagebtn a:link,
#navLeft .landinglistnav .pagebtn a:visited {
	background: #5764A4;
}

#navLeft .landinglistnav .pagebtn li a:hover {
  background: #C2CA7C;
}

#navLeft .landinglistnav .pagebtn li a.current {
  background:#C2CA7C;
  color: #000;
}

/*
==========================================================
  #footer
==========================================================
*/
#footer {
	border-top:thin dashed #C2CA7C;
	clear:both;
	padding-left:25px;
	padding-top:20px;
	padding-bottom:20px;
    background: #353A5A;
}

#footer p {
	font-size:small;
	color:#FFF;
}

#footer a {
	text-decoration:none;
	border-bottom:none;
}

#footer .eventicons {
	 float: right;
	 margin-right: 300px;
}

#footer .fface a {
	float: right;
  margin: 0 50px 10px;
	color: #FFF;
  font-weight: normal;
}


/*
==========================================================
  Icon Table
==========================================================
*/
#footer footer table.icontable {
  font-size: 1.6em;
  text-align:left;
  line-height: 1.2;
  marginer-top: 8px;
  padding-left: 10px;
  color: #FFF;
}

#footer footer table.icontable td {
  padding: 0 10px 4px 10px;
}

#footer footer table.icontable a {
  border-bottom: none;
}

#footer footer .greyout:hover {
  -webkit-opacity: 0.75;
  -moz-opacity: 0.75;
  opacity: 0.75;
}

#footer footer .greyout {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}