/* === Standard styles === */
html, body, textarea
{
	font-size: 87%; /* font sizing in ems. if you want to change anything, just change this.*/
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333366;/*#585880;*/
	background-color: #ffffff;
	margin: 0;
	padding: 0;
}
html, body 
{ 
	height: 100%; 
	margin:  0;
	padding: 0;
}	
h1
{
	font-size: 2.0em;
	font-weight: normal;
	margin: 0em 0em 0em 0em; 
}
h2 
{
	font-size: 1.4em;
	font-weight: normal;
	margin: 0em 0em 0em 0em;
}
h3 
{
	font-size: 1.2em;
	margin: 0em 0em 0em 0em;
}
h4 
{
	font-size: 1.0em;
	margin: 0em 0em 0em 0em;
}
th
{
	font-weight: normal; 
}
p 
{
	margin: 0 0 10px 0;
	font-size: 1.0em;
}

/* Master styles */
div#masterwrapper { float: left; width: 100%; }
div#mastercontent { margin-left: 0px; margin-right: 0px; }
div#masterfooter { clear: left; width: 100% }

div#masterheader h1
{
	padding-top: 15px;
	white-space: nowrap 
}
div#masterheader p
{
	font-weight: bold;
	padding-bottom: 10px;
	white-space: nowrap 
}
div#masterfooter
{
	padding: 3px 0 3px 0;
	text-align: center;
}
div#menu
{
	height: 2.0em;
}		
div#sitemap
{
	height: 1.1em;
	padding-top: 2px;
	padding-left: 10px;
	padding-bottom: 3px;
}
div.textseparator
{
	line-height: 0.5em;
	width: 100%; 
	margin-top: 0px; 
	margin-bottom: 10px;
	border-bottom: solid 1px #acbcce; 
}	

/* Page styles */
div#pagecontent 
{ 
	float: left; 
	width: 100%;
}
div#pageheader
{
}
div#pageheader h2
{
	height: 2.4em;
	line-height: 2.4em;  
	margin: 0;
	padding-left: 10px;
}
div#pagecontent
{
	line-height: 1.4em;
	padding-top:  0;
	padding-left: 0;
}
td#pageleft
{
	vertical-align: top;
	padding: 10px;
}
td#pageright
{
	vertical-align: top;
	padding: 10px;
	width: 260px;
}
div#pagecontent h3
{
	line-height: 1.4em;  
	margin: 0;
}

/* === Custom styles - also used in skin-file === */

/* Color styles */
.imagetitle
{
	background-image: url(Garden.png);
	background-repeat: no-repeat;
	background-position: right top;
}		
.colortitle
{
	color: #666699;
	background-color: transparent;
}	
.colorsubtitle
{
	color: #336600;
	background-color: transparent;
}	
.colormenu
{
	background-color: #666699; /* Must also be set for skin: Menu->DynamicMenuStyle (bug?) */
}
.colormenu a
{
	color: #dfdfdf;
}
div.colormenu
{
	border-top: solid 1px #acbcce;
	border-bottom: solid 1px #acbcce;
}	
.colormenudyn a
{
	color: #dfdfdf;
}
.colormenudyn
{
	border: solid 1px #acbcce; 
}		
.colormenuhoover
{
	background-color: #484890;
}
.colormenuselected
{
	background-color: #666699;
}
.colorsitemap
{
	color: #333366;
	background-color: #9999cc; 
}
div.colorsitemap
{
	border-bottom: solid 1px #666699;
}	
.colorheader
{
	color: #dfdfdf;
	background-color: #669933; 
	border-bottom: solid 1px #808080;
}
.colorpageleft
{
}
.colorpageright
{
	background-color: #99cc99;
	border-left: solid 1px #acacac;
}
.colorfooter
{
	color: #dfdfdf;
	background: #666699;
	border-top: solid 1px #acbcce;
	border-bottom: solid 1px #acbcce;
}	
.colorlabel
{
	color: #585880;
}	
.colorfield
{
	color: #333366;
	background-color: #ffffff;
}
.colorfieldalt
{
	color: #333366;
	background-color: #f8f7f4;
}
.colorreqfield
{
	color: #333366;
	background-color: #ffff99;
}
.colorerr
{
	color: #333366;
	background-color: #ffb6c1;
}
.colorbutton
{
	color: #585880;
	background-color: #f8f7f4;
}
.colortreeview
{
	color: #333366;
	background-color: #f8f7f4;
}

/* Text styles */
.textlarge
{
	font-size: 1.2em;
}	
.textmedium
{
	font-size: 1.0em;
}	
.textsmall
{
	font-size: 0.8em;
}	
.textbutton
{
	font-size: 1.1em;
	font-weight: normal;
}	
.texttreeview
{
	font-size: 1.0em;
	font-weight: bold;
}	
.textinfo
{
	font-size: 0.9em;
}	

/* Border styles */
.bordersimple
{
	border: solid 1px #585880; 
}
.bordernone
{
	border: none;
	border-collapse: collapse;
}

/* Special styles */
.thumbnail 
{
	position: relative;
	float: left;
}
.thumbnail span 
{
	display: none;
}
.thumbnail:focus, a.thumbnail:active /* :focus for FF, :active for IE */
{
	outline: none;
	z-index: 3;
	border: none;
	cursor: default;
	text-decoration: none;
}
/* popup appears with mouse click, disappears with second mouse click */
/* in FF second click must be away from popup */
.thumbnail:focus span, a.thumbnail:active span 
{
	position: absolute;
	display: block;
	z-index: 4;
	color: #000000;
	background-color: #ffffe0;
	border: 1px dashed #000000;
	text-decoration: none;
	padding: 6px;
	right: 30px;
	top: -10px; 
}
/* ContactUs form */
.formleft
{
	text-align: right;
	white-space: nowrap;
	vertical-align: top;
	font-weight: bold;
}
.formright
{
	width: 100%;	
}
/* Pricelist */
.pricetable 
{	
	border-collapse: collapse; 
}
.altrow
{
	background-color: #f6f6f6; 
}		
.amountcol 
{ 
	text-align: right; 
	width: 12em; 
}
.amount 
{	
	text-align: right; 
}
.dynamicmenuzindex
{
	z-index: 999;
}