* {
		padding: 0;
		margin: 0;
		}

body { 
		font:76% Verdana,Tahoma,Arial,sans-serif; 
		color:#000; background-color: #000;
		}

#wrapper {
		width: 970px;
		margin: 0 auto; padding:0; 
		}

.bggrn { background: url(../images/bg-default.gif) top left repeat-y; }
.bgblu { background: url(../images/bg-default-blu.gif) top left repeat-y; }
.blu { color:#0099cc; }
.grn { color:#9CBD26; }
.purple { color:#9CBD26; }


/***** Various tags *****/
img { border:0}
			a {
			text-decoration:none;
			font-weight:bold;
			color:#000;
			background-color:inherit;
			}
			
			a:hover {
			text-decoration:underline;
			color:#9CBD26;
			background-color:inherit;
			}

a img {
border:0;
}

p {
margin:0 0 1.4em 0;
}


/***** 
Top drop down Menu ****/ 
#menu { height:22px; background-color:#000; padding:8px 0 0 0; margin:0; z-index: 99; text-align:right; font: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;}
#menu ul { float:right; padding:0; margin:0;}
#menu li { background-color:#FF9966; padding:0;
line-height:1.4em;
display:inline;}

			#menu li a {
			background-color:#000;
			color:#fff;  
			float:left;
			margin-bottom:0;
			padding:2px 8px 2px 8px;
			border-right:1px solid #cccccc;
			text-decoration:none;
			}
			
			#menu li a:hover {
			color:#9CBD26;text-decoration:none;
			}
			#menu li .a-landscape:hover {
			color:#0099CC; text-decoration:none;
			}
			#menu li .a-white:hover {
			color:#ffffff; text-decoration:none;
			}
			#menu li a.selected-grn{
			color:#9CBD26; text-decoration:none;
			}
			#menu li a.selected-blu {
			color:#0099cc; text-decoration:none;
			}
			#menu .end {border-right:1px solid #000 ;}
			#menu .endcontactactive {border-right:1px solid #000 ; color:#9CBD26}
			#menu .endcontact {border-right:1px solid #000 ; }
			/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

			#dropmenudiv{
			position:absolute; 
			border:1px solid black;
			border-bottom-width: 0;
			font:normal 12px Verdana;
			line-height:18px;
			z-index:100; width: 170px; background-color:#FF99FF; margin-left: -1px; 
			}
	
			#dropmenudiv a{background-color: #9CBD26;
			width: 100%;
			display: block;
			text-indent: 7px;
			border-bottom: 1px solid black;
			padding: 1px 0;
			text-decoration: none;
			font-weight: bold;
			}
			
			#dropmenudiv a:hover{ /*hover background color*/
			background-color: #fff;
			}

			/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /

/***** 
Logo *****/
#logo, #mainContent, #rightside {
		float: left;
		}

#logo2 { 
		width: 970px; background-color:#000; height:155px;
		}
#logo { 
		width: 970px; background-color:#000; height:90px;
		}

/***** 
Left Sidebar *****/
.leftnav {
		float: left; width:158px; background-color:#fff;
		margin: 0; padding:0; top:0;
		}
#leftside {
clear:left; background-color:#000;
float:left;
width:158px;
margin:-1px 0 0 0 ;
padding:0;
}

#leftside h2,#leftside h3 {
color:#fff;
background-color:inherit;
font-size:1.2em;
margin:0 0 5px;
padding:0;
}



/***** 
Left Navigation *****/

ul.leftnav {
width:147px;
margin:1px;/*to add space at bottom of menu column*/
padding:0;
list-style:none;
}

			ul.leftnav li {
			width:145px;
			padding:0; font-size:0.85em;
			line-height:1.15em;
			display:inline;
			}
			
			ul.leftnav li a {
			background-color:#000;
			color:#fff;
			font-weight:bold;
			width:145px; height: 160px;
			float:left;
			margin-bottom:0; /*add space beneath each thumnail and text box */
			padding:0 0 1px;
			border:1px solid #000;
			text-decoration:none;
			}
			
			ul.leftnav li a:hover,ul.leftnav li a.current {
			background-color:#9CBD26;
			border:1px solid #9CBD26; height: 160px;
			color:#fff; text-decoration:none;
			}
			ul.leftnav li .a-blu:hover {
			color:#0099CC;background-color:#0099CC;
			border:1px solid #0099CC; height: 160px;
			color:#fff; text-decoration:none;
			}
			ul.leftnav ul {
			margin:0 0 0 15px;
			padding:0 0 5px 0;
			font-size:0.9em;
			width:125px;
			}
			
			ul.leftnav ul a {
			padding:3px 1px 3px 5px;
			font-weight:normal;
			width:115px;
			}
			
			ul.leftnav ul ul {
			width:113px;
			}
			
			ul.leftnav ul ul a {
			width:100px;
			}
			
/***** 
Main Content *****/			
		
#mainContent { background-color: #fff; width: 590px; margin:30px 0px 35px 30px; padding:0;
		}		
.columnContainer {
		padding: 0px 0px 0px 0px; 
		}

.column {
		float: left;
		margin-right: 8px;
		margin-bottom: 0px;line-height:1.5em; 
		}
#mainContent .column {
		width: 268px; 
		}
#mainContent .spanTwo {
		width: 567px;
		}
.imgright { float:right; padding: 3px 3px 0px 15px; margin-bottom: 20px;}

/* mainContent */
		#mainContent a{ 
		color:#000; text-decoration:underline;
		}
		#mainContent a:hover { 
		color:#9CBD26; text-decoration:underline;
		}
		
		
h1 {
font-size:1.5em; line-height: 1.5em;
margin:0 0 10px;
}		
h2 {
font-size:1.4em; line-height: 1.3em;
margin:0 0 4px;
}

h3 {
font-size:1.2em; font-weight:bold;
margin:0;
}
h4{
font-size:1.2em; font-weight:bold;
margin:0;
}
.bold { font-weight:bold;}

#mainContent  img {
padding:1px;
display:inline;
border:0;
}
#mainContent  ul, #contentwide ul, #contentwide2 ul, #content ol, #contentwide ol, #contentwide2 ol {
margin:0 0 16px 20px;
padding:0;
}

#mainContent  li, #contentwide li, #contentwide2 li {
margin:0;
padding:0 0 0 5px;
}

#mainContent  ul ul, #contentwide ul ul, #contentwide2 ul ul, #content ol ol, #contentwide ol ol, #contentwide2 ol ol {
margin:0 0 0 16px;
padding:0;
}

#content-bottom { margin:-66px 175px 0 158px;
padding:0; height:50px;
line-height:1.5em; background-color:#99CCFF;
}
.height352 { height:351px;}

/***** 
Right Sidebar *****/		
#rightside { float:right;
		width: 180px;
		margin:0 ;
		padding: 12px 0 0 ;
		line-height:1.2em; font-family: Arial,Verdana,Tahoma,sans-serif;
		} 
#rightside .columnContainer {
		padding: 0px;
		}	
#rightside .column {
		float: left;
		margin-right: 0px;
		margin-bottom: 0px;
		}	

				/*#rightside .spanTwo {
						width: 330px;
						} */

.bggrn { background-color: #9CBD26;}
.bgblu { background-color: #0099cc;}
#rightside p, #rightside ul,#join_our_club {
margin:0 0 16px;
padding:0 10px;
}
		#rightside a, #join_our_club a  {
		text-decoration: underline;
		}
		#rightside a:hover, #join_our_club a:hover {
		color:#fff; text-decoration: underline;
		}
		#rightside li { 
		list-style:none; font-size: 1.2em;
		line-height:0.8em; font-weight:bold;
		margin:3px -6px 6px 0;
		padding:0;
		}
		#rightside li a:hover {
		color:#fff; text-decoration:none;
		}
#rightside ul ul {
margin:6px 0 0 10px;
padding:0;
}
#rightside ul ul li {
margin: 0 0 4px 0;
}

		#rightside ul ul li a {
		font-size:1.1em;
		font-weight:normal;
		}

#rightside h2, #rightside h3, #join_our_club h2, #join_our_club h3 {
background-color:inherit;
font-size:1.2em; font-weight:bold;
margin:0 ;
padding:0 10px 3px 10px;
}
#rightside p,#join_our_club p {
font-size:1.2em; font-weight:bold;
line-height:1.2em;
}
#rightside .telephone li { 
list-style:none; font-size: 1.5em;
line-height:0.9em;
margin:0 -6px 6px 0;
padding:0; 
}
#rightside .telephone li:first-letter { 
}
.xtra { font-size: 1.2em; font-weight: bold}

#join_our_club { color:#FFFFFF; border-top: 1px solid #A81E77; background-color:#A81E77;  padding:0 0 16px 0 ; margin:20px 0; }
#join_our_club a { color:#FFFFFF; padding-top: 10px;}
#join_our_club a:hover { color:#000; padding-top: 10px;}
#join_our_club p { font-weight:normal; font-size: 1em; padding-top: 8px; margin-top:2px;}
#join_our_club img { padding-bottom:8px; clear:both}
#join_our_club h2, #join_our_club h3 { margin-top:2px;
}

/***** 
Footer *****/


#footer { font-size:0.9em;
		clear:both; height:40px;
		margin:11px auto 0 auto;
		padding:11px 0;
		width:970px;
		text-align:center;
		color:#808080;
		background:#000;
		}

#footer p {
		margin:0;
		padding:0;
		}

#footer a {
		color:#808080; 
		text-decoration:none;
		font-weight:bold;
		}

#footer a:hover {
		text-decoration:underline; color:#9CBD26;
		}
				

.clearFix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}
.clear {
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}
/* Continuation page Hedging */	
.product-1{ width: 565px;  margin: 0; padding: 0px; bottom:0;}
.product-1-hr { color:#ccc; height:1px
 }
.product-1-avail { }
.product-one-img{ padding:0}
		
/* Home page advertisment */
#cercis {  
	height:209px; 
	margin-left:0px;  
	width:560px; background-color:#C43898; color:#fff;
	}
#cercis h1{ font-size: 1.2em; font-weight:bold; padding-bottom: 3px;
	}
#cercis h2{ font-size: 1.9em; letter-spacing: 0.05em;  font-weight:normal; top: 0px; padding-top:15px; margin-bottom:10px; 
	}
#cercis p{ font-size: 0.95em; font-weight:normal; padding-right: 15px; margin-top:-8px; margin-bottom:15px; line-height:1.3em
	}
	#cercis a:link, #cercis a:active, #cercis a:visited { color: #ffffff}
	#cercis a:hover { color: #E19BCB}
#cercis img { border:0px; padding:0 10px 0 0; float:left; }
		/***** Various classes *****/

.left {
margin:3px 10px 2px 0;
float:left;
}

.right {
margin:2px 0 2px 10px;
float:right;
}

.textright {
text-align:right;
}

.center {
text-align:center;
}

.small {
font-size:0.8em;
}

.bold {
font-weight:bold;
}

.postinfo {
background-color:#f4f4f4;
border-left:4px solid #cccccc;
color:#606060;
font-size:0.9em;
line-height:1.4em;
margin:1px 0 20px;
padding:8px 5px 8px 8px;
}

.clearing {
clear:left;
padding:0;
margin:0;
visibility:hidden;
}

.hide {
display:none;
}
/* Form ************************** */

#form{ padding: 0; margin:0;}
#form legend{ font-weight: bold; font-size: 1em; padding: 5px;
}
#form label { padding:10px 0; clear:left; margin-bottom: 5px;
}

#EnquiryForm fieldset{ border: 1px solid #ccc; padding: 40px ;  
}
#EnquiryForm input { width:210px; background-color:
}
#EnquiryForm select  { width:214px; background-color:
}
.fixedwidth{ display:block; width: 205px; float: left;  
}
#EnquiryForm p { margin: 7px 0; padding: 0; line-height: 1.2em; text-align:left;
}
 select { width: 140px;
}
#EnquiryForm input.checkbox { width:20px; margin-left: -3px; margin-right: 6px;
}
#MailCheck input {  padding-left:0; margin-left:-30px; background-color:#00FFFF; color:red
}
.aligntop { top:0;}

/* checkbox positioning */
#form input .small, { width: 20px;
} 
#form label .fixedwidth{ display:block; float: left; line-height:1.2em; width:180px
}
.button{ margin-left:-20px; background: #9CBD26; color:#fff;  padding: 0; width: 40px;
}
.buttonpos2 { margin-left:205px; background-color:#9CBD26; color:#fff }

#Membership fieldset { border: 1px solid #ccc; padding: 23px 30px ;  
}
#Membership fieldset  p { margin: 4px 0; padding: 0; line-height: 1.2em; text-align:left;
}
#Membership input { width:210px; 
}
#Membership select  { width:214px; 
}
#Membership input.short { width:150px
}
#Membership select.short { width:155px
}
#Membership input.xshort { width:80px
}
#Membership input.checkbox { width:20px; margin-left: -3px; margin-right: 6px;
}
#Membership input.button2 { margin-left:205px; background-color:#9CBD26; color:#fff; width: 155px;
}
.asterix { color:red;}


.clear2 {
	DISPLAY: inline-block
}

/* ***
Plants for a Purpose - photo row *** */
.product { 
	padding: 10px 0 10px 0px; clear:both; border-top: 1px solid #ccc;}
	
div.plant_gallery { 
	padding-bottom: 1px; margin: 0 0 0 -6px; width: 580px;
	}
	.special {border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; margin-bottom: 15px; height:180px}
div.plant_gallery DL { 
	padding: 7px 7px 0px 7px; margin:0; float: left;
	}
div.plant_gallery DD {
	margin: -2px 0 0 0; padding:0 0 3px 0; text-align: center;
	}
.plant_thumbnail dt img { 
	width:126px; height:126px; border: 1px solid red;
	}
div.plant_gallery A {
	font-weight: bold; font-size: 85%; color: #006600
	}
div.plant_gallery A:hover {
	color: #e22c1d
	}	
div.plant_gallery A {
	border: 1px solid white;
	}
	div.plant_gallery A:hover {
		border: 1px solid #9CBD26;
	}
.plant_thumbnail img { 
	border:1px solid red}	

/* *** 
Plant list page ************* */		
			#a-z, #a-z-btm {margin-left:-5px;}
			#a-z ul, #a-z-btm ul { list-style:none; margin:0; padding:0; }
			#a-z li, #a-z-btm li {  display:inline; 
			color:#000; text-decoration:underline; padding-right:7px; height: margin:0;  }
			
#plantlist { font-size:1em; line-height:1.4em; margin:0; padding:0; }
#plantlist em{ font-weight:bold; font-style:italic; padding-right:3px;}
.normal{ font-size:1em; line-height:1.4em; margin:0; padding:0;}
.var{ font-size:1em; line-height:1.4em; font-weight: normal; padding:0 2px;}
.xx{ font-weight: normal;}
#plantlist ul{ font-size:1em; line-height:1.4em; margin-left:0;  padding:0 ;}
#plantlist li{ list-style-type:none; font-size:1em;  margin:0; padding:0 0 2px 0; }
#plantlist h2{ margin:0; padding:0 ;}
#plantlist h3 { font-size:1em; font-weight:bold; font-style:italic; margin:0; padding:0; float:left;}




#mainContent img.deliverymap{ float:right; background-color:#fff; border:0; padding: 6px 0 8px 12px;}
.UKdelivery { background-color:#9CBD26; margin:5px 0; line-height:1.4em;}
.otherdelivery { background-color:#FF9900; font-weight:bold;}
#mainContent img.top{ background-color:#fff; border:0; padding: 0;}


#divider {
clear:both;
margin:-11px auto;
padding:0;
width:970px; height:1px;
background:#000;
}



/* debugging stuff */

/* #grid {
		background: url( ) 50% 0 repeat-y;
		z-index: 1000;
		}/* 
		
/* Debugging colours

#mainContent {
		background: orange;
		}

#rightside {
       background: #00a651;
		}

.column {
		background: red;
		}

*/		