@charset "utf-8";
/* CSS Document */

#Menu {
	width:183px;
	float:left;
	padding: 3px 0 0 0;
    margin: -3px 0 0 0;
	z-index: 4;
   	background-repeat:no-repeat;
	background-attachment: scroll;
	background-image: url(../images/menu_bg.gif);
	background-position: 173px 0;

	
}
#Menu ul {
	width:auto;
	/* height:23px; */
	align:left;
	vertical-align:middle;
	margin:6px 0px 6px 0px;
	padding: 0px 0px 0px 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style:solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	text-align:left;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	list-style:none;
	z-index:5;
	position: relative;

	
}
#Menu ul.heritage_ul{
	
	height: 38px;
	width:auto;
	align:left;
	vertical-align:middle;
	/*margin:6px 0px 6px 0px;*/
	padding: 0px 0px 0px 0px;
	text-align:left;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	list-style:none;
	z-index:5;
	position: relative;
	
	}
	
#Menu li {height: 15px;}

#Menu ul.heritage_ul li{height: 30px;}

#TreeMenu {
	width:140px;
	float:right;
}
#TreeMenu li {
    width: 140px;
	height:18px;
	align:left;
	vertical-align:middle;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style:solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color:#993300;
	border-right-color: #993300;
	border-bottom-color: #993300;
	border-left-color: #993300;
	text-align:left;
	color: #993300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	list-style:none;

}

.autumnitemVisible{
 background-color: #FFFFFF;
 border: 0;
 }
 .autumnitemVisible a {
  color:#993300;
  padding: 8px 0px 0px 15px;
  line-height: 16px;
 }
 
.autumnitem{
 background-color: #FFFFFF;
 display:none;
 top: -22px;
 left: 183px;
 z-index:4;
 }
 
 .evergreenitem{
 background-color: #FFFFFF;
 display:none; top: -22px;
 left: 183px;
 }
 
 .flowersitem{
 background-color: #FFFFFF;
 display:none; top: -22px;
 left: 183px;
 }
 
 .hedgeitem{
 background-color: #FFFFFF;
 display:none; top: -22px;
 left: 183px;
 }
 
  .streetitem{
 background-color: #FFFFFF;
 display:none; top: -22px;
 left: 183px;
 }
 
  .droughtitem{
 background-color: #FFFFFF;
 display:none; top: -22px;
 left: 183px;
 }
 
  .coastalitem{
 background-color: #FFFFFF;
 display:none; top: -22px;
 left: 183px;
 }
 
#Menu ul:hover .autumnitem{
      display:block;
	  height:15px;
	  margin:0px 0px 0px 0px;
	  padding:3px 0 3px 15px;
	  width: 150px;
	  position:relative;
	  border-top-width: 1px;
	  border-right-width: 1px;
	  border-bottom-width: 1px;
	  border-left-width: 1px;
	  border-top-style: solid;
	  border-right-style:solid;
	  border-bottom-style: solid;
	  border-left-style: solid;
	  border-top-color: #000000;
	  border-right-color: #000000;
	  border-bottom-color: #000000;
	  border-left-color: #000000;
	  z-index:5;
}
#Menu ul:hover .evergreenitem{
      display:block;
	  height:15px;
	  margin:0px 0px 0px 0px;
	  padding:3px 0 3px 15px;
	  width: 150px;
	  position:relative;
	  border-top-width: 1px;
	  border-right-width: 1px;
	  border-bottom-width: 1px;
	  border-left-width: 1px;
	  border-top-style: solid;
	  border-right-style:solid;
	  border-bottom-style: solid;
	  border-left-style: solid;
	  border-top-color: #000000;
	  border-right-color: #000000;
	  border-bottom-color: #000000;
	  border-left-color: #000000;
	  z-index:5;
}

#Menu ul:hover .flowersitem{
      display:block;
	  height:15px;
	  margin:0px 0px 0px 0px;
	  padding:3px 0 3px 15px;
	  width: 215px;
	  position:relative;
	  border-top-width: 1px;
	  border-right-width: 1px;
	  border-bottom-width: 1px;
	  border-left-width: 1px;
	  border-top-style: solid;
	  border-right-style:solid;
	  border-bottom-style: solid;
	  border-left-style: solid;
	  border-top-color: #000000;
	  border-right-color: #000000;
	  border-bottom-color: #000000;
	  border-left-color: #000000;
	  z-index:5;
}

#Menu ul:hover .hedgeitem{
      display:block;
	  height:15px;
	  margin:0px 0px 0px 0px;
	  padding:3px 0 3px 15px;
	  width: 200px;
	  position:relative;
	  border-top-width: 1px;
	  border-right-width: 1px;
	  border-bottom-width: 1px;
	  border-left-width: 1px;
	  border-top-style: solid;
	  border-right-style:solid;
	  border-bottom-style: solid;
	  border-left-style: solid;
	  border-top-color: #000000;
	  border-right-color: #000000;
	  border-bottom-color: #000000;
	  border-left-color: #000000;
	  z-index:5;
}

#Menu ul:hover .streetitem{
      display:block;
	  height:15px;
	  margin:0px 0px 0px 0px;
	  padding:3px 0 3px 15px;
	  width: 160px;
	  position:relative;
	  border-top-width: 1px;
	  border-right-width: 1px;
	  border-bottom-width: 1px;
	  border-left-width: 1px;
	  border-top-style: solid;
	  border-right-style:solid;
	  border-bottom-style: solid;
	  border-left-style: solid;
	  border-top-color: #000000;
	  border-right-color: #000000;
	  border-bottom-color: #000000;
	  border-left-color: #000000;
}

#Menu ul:hover .droughtitem{
      display:block;
	  height:15px;
	  margin:0px 0px 0px 0px;
	  padding:3px 0 3px 15px;
	  width: 190px;
	  position:relative;
	  border-top-width: 1px;
	  border-right-width: 1px;
	  border-bottom-width: 1px;
	  border-left-width: 1px;
	  border-top-style: solid;
	  border-right-style:solid;
	  border-bottom-style: solid;
	  border-left-style: solid;
	  border-top-color: #000000;
	  border-right-color: #000000;
	  border-bottom-color: #000000;
	  border-left-color: #000000;
}

#Menu ul:hover .coastalitem{
      display:block;
	  height:15px;
	  margin:0px 0px 0px 0px;
	  padding:3px 0 3px 15px;
	  width: 150px;
	  position:relative;
	  border-top-width: 1px;
	  border-right-width: 1px;
	  border-bottom-width: 1px;
	  border-left-width: 1px;
	  border-top-style: solid;
	  border-right-style: solid;
	  border-bottom-style: solid;
	  border-left-style: solid;
	  border-top-color: #000000;
	  border-right-color: #000000;
	  border-bottom-color: #000000;
	  border-left-color: #000000;
}


#Menu ul:hover .autumnitem a{
    color:#993300;
	text-decoration:none;
	padding:3px 10px 3px 0px;
}
#Menu ul:hover .evergreenitem a{
    color: #006633;
	text-decoration:none;
	padding:3px 10px 3px 0px;
}

#Menu ul:hover .flowersitem a{
    color: #666699;
	text-decoration:none;
	padding:3px 10px 3px 0px;
}

#Menu ul:hover .hedgeitem a{
    color: #999933;
	text-decoration:none;
	padding:3px 10px 3px 0px;
}

#Menu ul:hover .streetitem a{
    color: #996633;
	text-decoration:none;
	padding:3px 10px 3px 0px;
}

#Menu ul:hover .droughtitem a{
    color: #666666;
	text-decoration:none;
	padding:3px 10px 3px 0px;
}

#Menu ul:hover .coastalitem a{
    color: #669966;
	text-decoration:none;
	padding:3px 10px 3px 0px;
}

#Menu ul:hover a:hover{
    color:#FFFFFF;
	text-decoration:none;
	padding:3px 10px 3px 0px;
}

#Menu ul:hover .autumnitem:hover{
	background-color: #993300;
}
#Menu ul:hover .evergreenitem:hover{
	background-color: #006633;
}

#Menu ul:hover .flowersitem:hover{
	background-color: #666699;
}

#Menu ul:hover .hedgeitem:hover{
	background-color: #999933;
}

#Menu ul:hover .streetitem:hover{
	background-color: #996633;
}

#Menu ul:hover .droughtitem:hover{
	background-color: #666666;
}

#Menu ul:hover .coastalitem:hover{
	background-color: #669966;
}


.clear{clear:both;height:10px;}

.size {
	background-color: #F60;
	padding: 4px 0 4px 15px;	
}

.size  a{
	color: #FFFFFF;
	text-decoration: none;
}

#Menu ul:hover .size{
	background-color: #F33;
}

.colour {
	background-color: #390;
	padding: 4px 0 4px 15px;	
}
.colour  a{
	color: #FFFFFF;
	text-decoration: none;
}

#Menu ul:hover .colour{
	background-color: #363;
}

#Menu ul.advSearch_ul li{
	height: 25px;
	
	}
	
.advSearch {
	background-color: #E5E5E5;
	padding: 4px 0 4px 15px;	
	vertical-align:middle;
	border-top: 2px solid #000;	
	border-bottom: 2px solid #000;
	
}
.advSearch  a{
	color: #000;
	line-height:25px;
	text-decoration: none;
}

#Menu ul:hover .advSearch{
	background-color: #999;
}

.heritage {
	background-color: #294282;
	padding: 4px 0 4px 15px;	
}
.heritage  a{
	color: #FFFFFF;
	text-decoration: none;
	line-height: 15px;
}
#Menu ul:hover .heritage{
	background-color: #102251;
}
.narrowspaces {
	background-color: #DF7A20;
	padding: 4px 0 4px 15px;	
}
.narrowspaces  a{
	color: #FFFFFF;
	text-decoration: none;
}
#Menu ul:hover .narrowspaces{
	background-color: #C60;
}
.driveways {
	background-color: #9D850F ;
	padding: 4px 0 4px 15px;	
}
.driveways  a{
	color: #FFFFFF;
	text-decoration: none;
}
#Menu ul:hover .driveways{
	background-color: #F90;
}

.autumn {
	background-color: #993300;
	padding: 4px 0 4px 15px;	
}
.autumn  a{
	color: #FFFFFF;
	text-decoration: none;
}
#Menu ul:hover .autumn {
	background-color: #660000;
}
.evergreen {
	background-color: #006633;
	padding: 4px 0 4px 15px;
}

.evergreen  a{
	color: #FFFFFF;
	text-decoration: none;
}
#Menu ul:hover .evergreen {
	background-color: #009900;
}
.flowers {
	background-color: #666699;
	padding: 4px 0 4px 15px;
}
.flowers  a{
	color: #FFFFFF;
	text-decoration: none;
}
#Menu ul:hover .flowers {
	background-color: #663399;
}
.hedge {
	background-color: #999933;
	padding: 4px 0 4px 15px;
}
.hedge  a{
	color: #FFFFFF;
	text-decoration: none;
}
#Menu ul:hover .hedge {
	background-color: #666600;
}
.street {
	background-color: #996633;
	padding: 4px 0 4px 15px;
}
.street a{
	color: #FFFFFF;
	text-decoration: none;
}
#Menu ul:hover .street {
	background-color: #705925;
}
.drought {
	background-color: #666666;
	padding: 4px 0 4px 15px;
}
.drought  a{
	color: #FFFFFF;
	text-decoration: none;
}
#Menu ul:hover .drought {
	background-color: #333333;
}
.coastal {
	background-color: #669966;
	padding: 4px 0 4px 15px;
}
.coastal  a{
	color: #FFFFFF;
	text-decoration: none;
}
#Menu ul:hover .coastal {
	background-color: #336633;
}
.pots {
	background-color: #0099CC;
	padding: 4px 0 4px 15px;
}
.pots  a{
	color: #FFFFFF;
	text-decoration: none;
}
#Menu ul:hover .pots{
	background-color: #006699;
}
.shade {
	background-color: #025875;
	padding: 4px 0 4px 15px;
}
.shadetree {
	background-color: #025875;
	padding: 4px 0 4px 15px;
}

.shade  a{
	color: #FFFFFF;
	text-decoration: none;
}
#Menu ul:hover .shade{
	background-color: #014358;
}
.trade {
	background-color: #000;
	padding: 4px 0 4px 15px;
}

.trade  a{
	color: #FFFFFF;
	text-decoration: none;
}
#Menu ul:hover .trade{
	background-color: #00F;
}