BODY
{
font-family: Arial, Helvetica, sans-serif;
color:#000000;
background: #FFFFFF;
}

P, BLOCKQUOTE
{
font-family:  Arial, Helvetica, sans-serif;
font-size: 12px;
}

A:link
{
font-weight:bold;
color:#003366;
text-decoration: none;
}

A:visited	
{
font-weight:bold;
color:#003366;
text-decoration: none;
}
	
A:hover
{
color:#FF9900;
text-decoration: underline;
}
	
DT,DD
{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}	

UL, OL
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding-left:30px;
padding-right:30px;
margin-top:10px;
list-style-image: url(http://www.esotech.com.au/images/moon.gif); list-style-position: outside;
}

H1
{
color:#FFFFFF;
background:#5983AB;
text-align:left;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size: 16px;
border: 1px solid;
padding:6px;
border-color: black black #000000; 
}

H2
{
color:#000000;
background:#FFCF88;
text-align:center;
font-family:  Arial, Helvetica, sans-serif;
font-size: 16px;
border:solid 1px;
border-color:#FF9900;
padding:3px;

}

H3
{
text-align:center;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
border:solid 1px;
border-color:#5983AB;
padding:2px;
}


.referenceHeader
{
text-align:center;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin-top: 20px;
border:dotted 1px;
padding:2px;
}

.referencePara
{
text-align:center;
}

.firstparagraphReference
{
font-size:12px;
margin: 0px;
text-indent:0px;
font-style: italic;
}
.hrnormal
{
width:75%;
margin-top:20px;
text-align:center;
}

.hrsmall
{
width:100%;
margin:10px 0px;
text-align:center;
}

.question
{
font-weight:bold;
font-style:italic;
}

DIV.homecontent {
	position:relative;
	left:195px;
	top:129px;
	width:270px;
}

DIV.homecontent2 {
	position:absolute;
	width:270px;
	left: 195px; 
	top: 425px;
	background-image: url(images/h_newpanel_bg3.gif);
	background-repeat:no-repeat;
	height: 450px;
	
}


DIV.content {
	position:absolute;
	left:179px;
	top:133px;
	width:586px;
}

.content2
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
}
.contentbold
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
}
.contentitalic
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style:italic;
}
.firstparagraph
{
font-size:12px;
margin: 0px; text-indent:0px;
}

.nextparagraph
{
font-size:12px;
margin:0px;
}

.margined
{
margin-top: 80px;
margin-bottom: 20px;
margin-left: 20px;
margin-right: 20px;
}

.indented
{
padding-left:10%;
}

.footer
{
text-align:center;
font-size:10px;
margin: 0px;
padding:50px 50px 30px 0px;
clear:both;
}

.2footer P
{
font-size:10px;
}

DIV.logo {
	position:absolute;
	left:0px;
	top:0px;
	width:165px;
	height:112px;
}

DIV.header {
	position:absolute;
	left:160px;
	top:0px;
	width:615px;
	height:76px;
}

DIV.topstrip {
	position:absolute;
	left:0px;
	top:76px;
	width:100%;
	height:32px;
}

DIV.nav {
	position:absolute;
	left:0px;
	top:108px;
	width:102px;
}
DIV.new {
	position:absolute;
	left:497px;
	top:108px;
	width:270px;
	background-image: url(images/h_newpanel_bg2.gif);
	background-repeat: no-repeat;

}
DIV.cart {
	position:absolute;
	left:570px;
	top:15px;
	width:200px;
	height:50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#prodnav li
{
list-style: none;
display: inline;
}

#prodnav li a, a.navbutton, .navbuttonsel
{
color: #000000;
border: solid 1px #000000;
padding: 6px;
padding-bottom: 4px;
text-decoration: none;
background-color: #FF9900;
display: inline;
width: 120px;
margin-top: -1px;
font-size: 12px;
}


#prodnav li a:hover, a.navbutton:hover
{
color: #FFFFFF;
background-color: #5983AB;
}

.navbuttonsel
{
background-color: #FFFFFF;
}
DIV.botstrip {
	position:absolute;
	top: 730px;
	left:-25px;
	width:101%;
	height:32px;
}


.imageright {
	margin:0px 0px 10px 15px;
	float: right;
	padding: 0px;
	text-align: right;
	font-size: 9pt;
	font-style: italic;
	color: #5983AB;
	width: 120px;
	border: 2px double #5983AB;
}



.imageleft {
	margin: 0px 15px 10px 0px;
	padding: 0px;
	float: left;
	text-align: left;
	font-size: 9pt;
	font-style: italic;
	color: #5983AB;
	width: 120px;	
	border: 2px double #5983AB;
	
}

.imagerightborder {
	margin:0px 0px 10px 15px;
	float: right;
	padding: 0px;
	font-size: 9pt;
	font-style: italic;
	color: #5983AB;
	border: 2px double #5983AB;
}

.imageleftborder {
	margin: 0px 15px 10px 0px;
	padding: 0px;
	float: left;
	font-size: 9pt;
	font-style: italic;
	color: #5983AB;	
	border: 2px double #5983AB;
	
}

.centreimagewithcaption {
	text-align: center;
	font-size: 9pt;
	font-style: italic;
	color: #5983AB;
	margin-left: auto;
	margin-right: auto;
}

.centreimagewithcaptionborder {
	text-align: center;
	font-size: 9pt;
	font-style: italic;
	color: #5983AB;
	border: 2px double #5983AB;
	margin: 5px;
	margin-left: auto;
	margin-right: auto;
}

tr {
	padding: 0px;
	}