/* CSS Document - Gardenersbox.co.uk by M.Yakas and SVasudevan */

* { margin:0; padding:0;	}

body { margin:0; background-color: #996633; /* brown */
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; color: #454545; font-size: 63%;  }
p {font-size:1.2em; line-height: 150%;}
a { text-decoration: none;color: Green; }
a:hover { color: #006699; text-decoration: underline; }
a:visited{color: #996633; text-decoration: underline;}
img { border: none; }
li,h1,h2,h3{font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; font-weight: normal; }
	
/* Basic Styles */	
h1{ color: White; font-size:1.7em; }
h2{ color: Green; font-size:1.2em; }
h3{ color: #006699;} /* blue */
h4{ color: #999;font-size:1.2em; padding-top: 3px; margin-bottom:3px; padding-bottom:3px; border-bottom: solid  1px  #CCCCCC; }
h5{ color: #C2C2C2; font-size:1.1em; line-height: 160%; margin-bottom:3px; padding-bottom:3px;	}

hr { color: border-bottom: 1px dotted #D1D1D1; margin: 1em 0 1em 0; }
	
/* Top and Logo container */
#top_container{	background-color: #006699; margin:0px; width:100%; height:100px; }
#top_content{ margin: 0 auto; width:750px; }
	
/* Top Content Navigation */
#top_container a#logo {float:left;} 
#top_container h1{ float: right; font-size:1.2em; margin: 3em 3em 0 0;} 
#top_container h1 a{ text-decoration: none; color:#FFF;} 
#top_container h1 a:hover{color: #C4D6AC;border-bottom: 4px solid #C4D6AC;} 
#top_container h1 a:visited{color: #C4D6AC;} 
					
/* Header and Photo container  */
#header_container{
	background-color: #D7E6C3; /* Photos also Needed for background to stretch across full page */
	margin: 0 auto; width:100%;  }
#header_content{ margin: 0 auto; width:760px;	}
#header_content .navigation{
		width:100%;padding-top:0.3em; padding-bottom:0.6em; font-size:1.1em; color: #666; border-bottom: 1px dotted #999; }
#header_content .texts{ width:100%; padding-top:0.4em; padding-bottom:1.5em; font-size:1.2em; color: Green; line-height: 150%; }
		
#subpage_table {font-size:1.1em; text-align: left; border-collapse: collapse;margin: 0.5em 0 0.5em 0;}
#subpage_table td { border-right: 1px dotted #666; border-bottom: 1px dotted #666; padding: 0.3em 0 0.3em 0.8em;}
#subpage_table tr.dotted{ background: url(/New site/images/greendot.gif) repeat-x; }
#subpage_table .top_row{border-top: 1px dotted #666;}
#subpage_table .last_col{border-right:none;}
			
/* Content Styles */
#content_container{ background-color:#FFF; margin: 0 auto; width:100%; height: auto; }
#main_content{ margin: 0 auto; padding-top: 1em; padding-bottom:0.8em; width:760px; height: auto;}	
#content_container h1{color:#996600; font-size: 1.9em; font-weight: bold; line-height:130%; padding: 0.5em 0 0.3em 0;} 
#content_container h2{color:#006699; font-size: 1.2em; line-height:150%; margin-bottom: 1.2em; border-left: #006699 0.3em solid; padding-left:0.4em;}
#content_container h3{background-color:#F3F3F3; border-top: #A5A5A5 dotted 0.1em; font-size:1.2em;
	padding: 0.5em 0 0.5em 0.5em; margin: 0.5em 0 0.5em 0;}
	
#content_container .introduction{ padding-top:0.5em; padding-bottom:0.5em; font-size: 1.1em; color: Green; line-height: 140%;  }
		
#content_container .caption{
		padding-top:0.5em;
		padding-bottom:0.5em;
		font-size: 0.9em;
		line-height: 130%;  }

#column1 {
		float:left;
		width:270px;
		margin: 0 0.8em 0.8em 0;
		padding-right: 1em;
		color:#454545;
		line-height:150%;
		border-right: 1px dotted #D1D1D1; }		
#column2 {
		float:left;
		width:270px;
		margin: 0 0.8em 0.8em 0.5em;
		padding-right: 1.2em;
		color:#454545;
		line-height:150%;
		border-right: 1px dotted #D1D1D1; }		
#column3 {
		float:right; width:172px; color:#454545; line-height:160%; }	
				
#adscolumn {
		float:right;
		width:150px;
		color:#454545;
		line-height:160%; }	

#contentblock {
		float:left;
		width:56em;
		margin: 0 0.8em 0.8em 0;
		padding-right: 0.5em;
		color:#454545;
		line-height:150%;}	
		
#amazoncontent { float:left; width:98%; margin: 0 0.1em 0.1em 0; padding-right: 0.2em; line-height:150%;}	

#blockAdverts{width:55em; }
#blockAdverts a{font-size:1.0em; color:#006699;}
#blockAdverts p{font-size:1.1em; color:#996600;margin:0.5em 0.5em 0 0.5em;}
#blockAdverts img{float:left;clear:none; margin: 0 0.8em 0 0;}
#blockAdverts h1{ font-size:1.2em; font-weight: bold; color: Green; line-height: 130%; }
#blockAdverts h2{ font-size:1.2em; font-weight: bold; color: Green; line-height: 130%; border-left: Green 0.2em solid; background-color:#F3F3F3; padding: 0.5em 0 0.5em 0.5em; margin: 0.5em 0 0.5em 0;}
#blockAdverts .basicAd,#blockAdverts .paidAd{ width:55em; border-bottom:1px solid #CECECE;padding: 0.8em 0 0.5em 0;margin: 0 0 0.5em 0; }
#blockAdverts .paidAd{width:54em;border:1px solid Green; background-color: #F1F4EA; padding:0.5em ; margin:0;}
		
ul{ margin:0;	padding:0; list-style:none; }
li{font-size: 1.1em; line-height:180%; display:block;}
li a{font-size: 1.1em;font-weight:normal;}

/* -------------------------------------- FORMS -------------------------- */
#GardenForm {margin: 0 2em 0 1em; padding: 1em 1em 0 1em; font-size: 1.1em; background-color: #F1F4EA; border:1px solid Green;} 

#GardenForm .lRadio{ vertical-align: top; width:90px; float: left; display: block;}
#GardenForm .lReciprocal{ vertical-align: top; padding-left:0.8em; float: none; display: inline;height:28px;width:120px;}
#GardenForm .eReciprocal{ margin-top:-0.4em; float: none; display: inline; width: 180px;}

#GardenForm .lChkBox{ vertical-align: top; width: 100px; text-align: left; padding: 0 0.9em 0 1em;display:inline;height:15px; }
#GardenForm .eChkBox{ vertical-align: top; width:15px; height: 15px; display: inline;}
#GardenForm label{ color: #966B3E}
#GardenForm .eSingeTxtBox{ margin: 0.5em 0 1.0em 0;width:220px;}

#GardenForm input.eSingeTxtBoxRL{ vertical-align: top; width:160px; height: 21px;}
#GardenForm .eMultiTxtBox{  margin: 0.5em 0 1em 0; width:320px; height: 90px;}
#GardenForm input.btnSubmit{ vertical-align: top; width:65px; height: 25px;}


#LinkForm {margin: 0 1em 0 1em; padding: 1em 0 0 0; font-size: 11px; border-top: 1em solid; border-bottom: 1px solid;border-color: #DCDCDC;}
#LinkForm  .btnSubmit{width:100px;}
#LinkForm  label{ color: #966B3E}
#LinkForm  input{margin: 0.5em 0 1em 0; width:190px;}
#LinkForm  select{margin: 0.5em 0 1em 0; width:195px;}
		
/* ------------- Footer -------------------------- */
#footer_container { background-color: #D7E6C3; padding: 1em 0 1em 0; border-top:1px dotted #666; }	
#footer{ margin: 0 auto; width:760px; height: 25px; }
#footer h1,
#footer h2{ float: right; font-size:1.0em; font-weight: normal; color: #996633; line-height: 140%;} 
#footer h1 a{ text-decoration: none; color: #996633; } 
#footer h1 a:hover{color: #006699; text-decoration: underline; }
#footer h1 a:visited{color: #A5A5A5; text-decoration: underline;} 
#footer h2{clear:both;color: #666;} 

div.clearfloats {clear:both;}

/* -------------LightBox by www.lokeshdhakar.com/projects/lightbox/--- */

#lightbox{ position: absolute;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0; }

#lightbox a img{ border: none; }

#outerImageContainer{ position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto; }

#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0; }

#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }

#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/nextlabel.gif) right 15% no-repeat; }

#xxxprevLink:hover, #xxxxprevLink:visited:hover { background: url(/images/lightbox/prevlabel.gif) left 15% no-repeat; }
#xxxnextLink:hover, #xxxnextLink:visited:hover { background: url(/images/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;
width: 100%	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; }	
		
#overlay{ position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;background-color: #000; }