/* CSS Document - Gardenersbox.co.uk by Yakas Design */

* { margin:0; padding:0;	}

body { margin:0; background-color: #54401f; /* brown */ font-family: Helvetica, Sans-Serif; color: #454545; font-size: 63%;  }
p {font-size:1.4em; 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: Helvetica, Sans-Serif; font-weight: normal; }
	
/* Basic Styles */	
h1{ color: White; font-size:1.6em; }
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  #CCC; }
h5{ color: #C2C2C2; font-size:1.1em; line-height: 160%; margin-bottom:3px; padding-bottom:3px;	}
hr {border-bottom: 1px; 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:780px; }
	
/* Top Content Navigation */
#top_container a#logo {float:left;} 
#top_container h1{ float: right; font-weight: bold; margin: 4em 2em 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:780px;padding-top:1.2em; padding-bottom:1em;	 }
#header_content .navigation{width:100%;padding-top:0.3em; padding-bottom:0.8em;font-size:1.2em; color: #666; border-bottom: 1px dotted #999; }

/* Subpage  */
#subpage_table {font-size:1.2em; 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;}

/*Home Page Intro */

/* Slider tabs*/
ul.slideshow {
	list-style:none;
	width:682px;
	height:312px;
	overflow:hidden;
	position:relative;
	margin:0;
	padding:0;}	
ul.slideshow li {position:absolute;left:0;right:0;}
ul.slideshow li.show {z-index:500;	}
ul img {border:none;	}

#slideshow-caption {
	width:682px;
	height:50px;
	position:absolute;
	bottom:0;
	left:0;	
	color:#fff;
	background:#000;
	z-index:500;}
#slideshow-caption .slideshow-caption-container {
	padding:5px 8px;	z-index:1000;	}
#slideshow-caption h3 {
	margin:0;
	padding:0;	
	font-size:12px;}
/* end Slider*/

/* For Specific Slides*/
#textSlide                              { padding: 10px 30px; }
#textSlide h3                           { font: 20px Georgia, Serif; }
#textSlide h4                           { text-transform: uppercase; font: 15px Georgia, Serif; margin: 10px 0; }
#textSlide ul                           { list-style: disc; margin: 0 0 0 25px; }
#textSlide ul li                        { display: list-item; }

#quoteSlide                             { padding: 30px; }
#quoteSlide blockquote                  { font: italic 24px/1.5 Georgia, Serif; text-align: center; color: #444; margin: 0 0 10px 0; }
#quoteSlide p                           { text-align: center; }
/* End slider */

#introduction{ width:100%; height: auto; padding-top:0.8em; padding-bottom:2em;}
#introduction p{ font: 2.1em Georgia, Serif; line-height: 140%; text-align: center; }
	
/* 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.5em 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; font-weight:bold;padding:0.5em 0 0.5em 0.5em; margin:1em 0.5em 0.5em 0;}
		
#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.2em 0.6em 0.6em 0;padding-right: 0.6em;color:#454545;line-height:150%;border-right: 1px dotted #454545; }	
#column1 h1{color:#d7a848; font-size: 2em; font-weight: bold; line-height:130%; padding: 0.5em 0 0.3em 0;}
#column1 h2{color:#d7a848; font-size: 1.3em; line-height:180%; font-weight: bold; padding: 0.8em 0 0 0; border-left: 0;} 

#column2 {float:left;width:270px;margin: 0.2em 0.6em 0.6em 0.6em;padding-right: 0.8em;color:#454545;line-height:150%;border-right: 1px dotted #454545; }
#column2 h1{color:#a5a926; font-size: 2em; font-weight: bold; line-height:130%; padding: 0.5em 0 0.3em 0;}
#column2 h2{color:#a5a926; font-size: 1.3em; line-height:180%; font-weight: bold; padding: 0.8em 0 0 0; border-left: 0;} 
		
#column3 {float:right; width:180px; color:#454545; line-height:160%; text-align: center; }	
				
#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: #54401f; padding: 1em 0 1em 0; border-top:1px dotted #666; }	
#footer{ margin: 0 auto; width:760px; height: 35px; }
#footer h1,
#footer h2{ float: right; font-size:1.0em; font-weight: normal; color: white; line-height: 140%;} 
#footer h1 a{ text-decoration: none; color: #2fa3ff; } 
#footer h1 a:hover{color: #d7a848; text-decoration: underline; }
#footer h1 a:visited{color: #2fa3ff; text-decoration: underline;} 
#footer h2{clear:both;color: #d7a848;} 

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; }