* {margin:0;padding:0;}


body {
margin: 0 auto;
padding: 0;
font: 80% Arial,sans-serif;
color:#333333;
}

textarea {font-family:arial,sans-serif;}

/* ---------------------------------------------------------------------------
	Main classes
--------------------------------------------------------------------------- */
h1, h2, h3, h4
{	color: #666666; font-family:Arial,Verdana;
	padding-bottom:0.2em;
	letter-spacing:0.1em;
	}

h1 {font-size: 160%;}
h2 {font-size:140%}
h3 {font-size:120%}
h4 {font-size:100%;padding-bottom:0;color:#000;}


h1.pagetitle {color: #333;line-height:1.2;}

img {border:none;}

ul {padding-left:0.1em;margin-left:1em;padding-bottom:0.2em;margin-top:0;}
li {padding:0.1em 0.1em 1em 0em; margin-left:1em;}



a {
	color: #339900;
	text-decoration: none;
	font-weight: bold;
	}

a:visited {color:#339900}

a:hover {	text-decoration: underline; color:#993333;}

a.cancel {margin-left:2em;}

a.backlink {float:right;width:10em;text-align:right;margin-right:1em;}

ul {padding:0;margin:0;}
li {padding:0.1em 0.1em 1em 0em; }


th {text-align:left;vertical-align:bottom;}
td {text-align:left;vertical-align:top;}


table {table-layout:fixed}



/* ---------------------------------------------------------------------------
	Layout
--------------------------------------------------------------------------- */
div#container{width:780px;margin:10px auto;}
div#banner {margin:0 auto;width:738px;}
table#outertable {width:738px;margin:auto; empty-cells:hide;table-layout:fixed;padding-top:1em;}
div#footer{width:738px;margin:0 auto;}
div#topframe{width:780px;margin:0 auto;position:relative;top:13px;}
div#bottomframe{width:780px;margin:0 auto;position:relative;top:-10px;}

.articlepreview {margin-bottom:2em;width:100%;}




/* ---------------------------------------------------------------------------
	Additional non-layout attributes for layout classes
--------------------------------------------------------------------------- */

div#content {
	margin-left:8px;
	line-height:130%;
	word-spacing:0.1em;
	margin-top:0.5em;
	}

#content p {
	margin:0.5em 0.5em 1em 0;
}

#content ul {
	margin:0.5em 0.5em 0.5em 1.5em;
	word-spacing:0.1em;
	line-height:160%;
}

#content ol {
	margin:0.5em 0.5em 0.5em 3em;
	word-spacing:0.1em;
	line-height:160%;
}

#footer {border-top: 4px solid #f0f0f0;padding-top:0.3em;}



/* ---------------------------------------------------------------------------
	Banner stuff
--------------------------------------------------------------------------- */

#bannertitle {
	font-size:210%;color:#666666;background-color:#fff;
	position:absolute;top:12px;left:1px; 
	}

	
#bannersearch {
	position:absolute;top:12px;left:600px; width:14em;
	}


#bannerlogo {
	background-color:#efeff6;
	position:absolute;
	top:0px;left:0px;
	text-align:right;
	width:760px;
	}

#bannerdate {
	position:absolute;top:40px;left:600px;font-size:80%;z-index:5;color:#666666;
	}






/* ---------------------------------------------------------------------------
	Sidebar
--------------------------------------------------------------------------- */
#sidebar {padding:0 8px 0 0; }
#sidebar h1 {
	font-size:92%;color:#000;
	padding:1.2em 0 0.2em 0;
	margin:0 0 0 0;
	text-transform:uppercase;
	}


ul.leftbarlist {
	list-style:none;
	padding-bottom:0.2em;
	}

.leftbarlist li {padding:0.3em 0.1em 0.3em 0em; margin:0; }

ul.leftbarsmalllist {
	list-style:none;
	}
.leftbarsmalllist li {padding:0 0 0 0; margin:0; }
.leftbarsmalllist li a { font-weight:normal;font-size:90%;}



/* ---------------------------------------------------------------------------
	Tables
--------------------------------------------------------------------------- */

th.center {text-align:center;}
td.center {text-align:center;}
th.right {text-align:right}
td.right {text-align:right}


.lineStandard {background-color: white;}
.lineHilite {background-color: #f2f2f2;}


table.selectionform {width:100%;margin-top:2em; margin-bottom:2em;border-bottom:1px dotted #bababa;}
table.selectionform td {font-size:95%;padding-bottom:1em;}
table.selectionform input {font-size:95%;}
table.selectionform select {font-size:95%;}
a.resetlink {margin-left:0.5em;}

table.inputform {margin-top:0.1em; width:100%;}

.inputform td {
	padding:0.1em 0 0.4em 0;
}

table.listing {margin-top:0.1em; width:100%;font-size:90%;}

.listing td {
	padding:0.1em 0 0.4em 0;
}
.listing th {border-top:1px solid #999;border-bottom:1px solid #999;text-align:left;padding:0.1em 0 0.4em 0;}

table.organisationform {
	width: 100%;
	border-collapse: collapse;
	color: #333;
	background: #fffff0;
	margin-bottom: 3em;
	border: #9f9d00 1px solid;
	}
table.organisationform td {
  border: 1px solid #cc9;
  padding: .3em;
  }


table.loginform {
	width: 90%;
/*	border-collapse: collapse; */
	color: #333;
	background: #fffff0;
	margin-bottom: 3em;
	padding:1em;
	border: #9f9d00 1px solid;
	}

table.loginform td {
/*  border: none; */
  padding: 0.5em 0.3em;
  }





table.varietydetails
{
	width: 100%;
	border-collapse: collapse;
	color: #333;
	background: #fffff0;
	margin-bottom: 3em;
	border: #9f9d00 1px solid;
}


table.varietydetails td {
  border: 1px solid #cc9;
  padding: .3em;
  vertical-align:middle;
  }

div.symbol {height:90px;width:90px;text-align:center;float:left;margin-right:10px;}
div.symbol img {height:50px;width:50px;margin:4px auto;}


  
/* ---------------------------------------------------------------------------
	Miscellaneous
--------------------------------------------------------------------------- */
#organisation {float:left;font-size:80%;text-align:left;display:block;}

.latin {font-style:italic;font-weight:normal;}

#pagedrecordset {margin-top:2em;}

.bold {font-weight:bold}
.normal {font-weight:normal}
.italic {font-style:italic}

.stockavailability {font-size:80%;line-height:1.1;color:#000;}

.customerskucode {color:Red;font-style:italic;}

.barcode {color:#000;letter-spacing:0.2em;}

/* ---------------------------------------------------------------------------
	Article and image layouts
--------------------------------------------------------------------------- */


/* ------------------ articlelayout 0  ------------------ */
div.articleimage_layout0 {
	float:right;
	margin:0.2em 0.2em 1em 0.2em;
}



/* ------------------ articlelayout 1  ------------------ */
div.articleimage_layout1 {
	margin:0.2em 0.2em 2em 0.2em;
}



/* ------------------ articlelayout 2  ------------------ */
div.articleimage_layout2 {
	margin:0.2em 0.2em 5em 1em;
	text-align:center;
}


/* ------------------ articlelayout 3  ------------------ */
div.articleimage_layout3 {
	float:left;
	margin:0.2em 1em 0.5em 0.2em;
}

/* ------------------ articlelayout 4  ------------------ */
div.articleimage_layout3 {
	float:left;
	margin:0.2em 1em 0.5em 0.2em;
}

/* ------------------ articlelayout 99  ------------------ */
div.articleimage_layout3 {
	margin:0.2em 1em 0.5em 0.2em;
}



div.articlepublished {margin-top:1em;margin-bottom:1em;font-size:smaller;}

.imagecaption_center {text-align:center;font-size:small; font-style:italic;}
.imagecaption_left {text-align:left;font-size:small; font-style:italic;}

img.articleimage {padding:0.3em;border:1px solid #d3d3d3;}

img.thumbnail {
	border:1px solid #d3d3d3;
	padding:0.2em;
}


img.varietyphoto {padding:0.3em;border:1px solid #d3d3d3;}



ul.specieslist {padding-left:0.1em;margin-left:0.1em;padding-bottom:0.2em;margin-top:0;}
ul.specieslist li {padding:0.1em 0.1em 0.4em 0em; margin-left:0.1em;}


/* ---------------------------------------------------------------------------
	Garden centres and organisations
--------------------------------------------------------------------------- */
.organisationdetails {margin-bottom:2em;}
#organisationletters {margin-bottom:1em}
#organisationletters a {padding-right:0.5em;}


/* ---------------------------------------------------------------------------
	Image sales
--------------------------------------------------------------------------- */
div.image_cell {
	display: block;
    float: left;
    width: 114px;
    height: 180px;
    margin: 0px 20px 15px 5px;
    padding: 0px 0px 10px 0px;
    position:relative;
}


div.image_box {
    position: absolute;bottom: 70px;left: 0px;
    vertical-align: bottom;
    border: 1px solid green;
    

}

.image_box img {border:1px solid #f2f2f2; vertical-align:bottom;}

.image_caption {
	position:absolute;top:120px;
}

.image_caption p {
	font-size:80%;line-height:120%;
	margin:0px 0px 0px 0px;
}

table.imagesearch {
	margin-top:10px;
}

.imagesearch td {padding: 0 0 10px 0}