/* CSS Document */

/*PAGE LAYOUT*/
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #E6C8A0;
	background-image: url(page_back.jpg);
	background-repeat: repeat;
	background-position: 100px;
}
#logo{float:left; background-image:url(tie_logo.gif); width:274px; height:213px;}

#container{
	float:left;
	width:780px;
	height:auto;
	background-color:#FFFFFF;
	position:relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #0a780a;
	border-left-color: #0a780a;
}


#topheader{
	float:left;
	width:780px;
	height:150px;
	background-color:#FFFFFF;
	position:relative;
	background-image: url(IrtonGardenCentre.jpg);
}
#toplinks{position:absolute; right:10px; top:10px;}
#menu{
	float:left;
	width:780px;
	height:34px;
	background-color: #CCCCCC;
}
#submenu{float:right; width:526px; height:32px; background-image:url(bg_submenu.gif); background-position:top; background-repeat:repeat-x;}
#contenttext{
	float:right;
	width:520px;
	background-color: #FFFFFF;
	margin-right: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}
#leftpanel{float:left; width:224px;}
#footer{
	float:left;
	width:782px;
	background-color:#0a780a;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(footer1.jpg);
	height: 44px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	margin-right: 0px;
	margin-bottom: 0px;
}

/*GRAY PANEL*/
.graypanel{
	border:0px none #FFFFFF;
	background-color:#FFFFFF;
	padding:10px;
	margin:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}

/*TEXT STYLES*/
.bodytext {
	font: 0.7em Tahoma, sans-serif;
	color: #666666;
}

.titletext {
	font: 0.7em Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color:#CC0000;
}
.whitetitle {
	font: 0.7em Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color:#FFFFFF;
}
.smalltitle {
	font: 0.7em Tahoma, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#CC0000;
}
.smallwhitetext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
}
.smallwhitetext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
}
.smallwhitetext a:hover{
	text-decoration:underline;
}
.smallgraytext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#999999;
}
.smallgraytext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#999999;
	text-decoration:none;
}
.smallgraytext a:hover{
	text-decoration:underline;
}
.smallredtext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CC0000;
}
.smallredtext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CC0000;
	text-decoration:none;
}
.smallredtext a:hover{
	text-decoration:underline;
}