Start of global page classes */
* {
    margin:0px;
    padding:0px;
}
html {
	height:100%;
}
body {
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:62.5%;
	height:100%;
	background:#E0E0E0;
	padding-top:20px;
}
textarea {
	font-size:1.1em;
	background-color:#FFF;
}
a:link {
color:#DF432A;
text-decoration:underline;
}
a:visited {
color:#C3513F;
text-decoration:underline;
}
a:hover, a:active {
color:#AB230D;
color:#CC0000;
text-decoration:underline;
}
h1 {
	font-family:Arial, Helvetica, sans-serif;
	color:#92191E;
	font-size:1.7em;
	margin-bottom:25px;
}
h2,.heading {
	font-family:Arial, Helvetica, sans-serif;
	color:#575757;
	font-size:1.4em;
	margin-bottom:10px;
	font-weight:bold;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	color:#D35120;
	font-size:1.1em;
	font-weight:bold;
	padding-left:1px;
	margin-bottom:5px;
}
p {
	margin-bottom:8px;
}
.dotted1 {
	background:url(../images/dotted-bg-1.gif) repeat-x 0px 10px;
	position:relative;
	margin:20px 0px;
	padding:0px;
	height:20px;
	
}

.dotted2 {
	background:url(../images/dotted-bg-1.gif) repeat-x 0px 3px;
	position:relative;
	margin:5px 0px;
	padding:0px;
	height:5px;
}



/* End of global page classes */



/* This is the pages "white" area that is centered in the middle of the page. */
#outer {
	background-color: #FFF;
	margin:auto;
	position:relative;
	font-size:1.1em;
	width:1024px;
	padding:8px;
}



/* This is the area that appears between the top navigation and footer. */
#maincontent {
	padding:10px 10px 20px 10px;
	float:none;
	position:relative;
	display:block;
}



/* These are the banner classes */
#banner {
	width:100%;
	height:126px;
	position:relative;
	background:#E3E1B8;
	padding-top:0px;
	top:0px;
	background:url("../images/bnr-bg.gif") repeat-x 0px 16px;
}
#banner div.contactdetails {
	position:absolute;
	top:10px;
	right:10px;
	text-align:right;
	color:#575757;
	font-size:0.9em;
}
.bnrlogo {
	position:absolute;
	background:url("../images/bnr-logo.gif") no-repeat 0px 0px;
	top:5px;
	left:0px;
	border:0px;
	width:256px;
	height:75px;
}
.bnrlogo img {
border:0px;
}
.bnrbyline {
	color:#95A15D;
	width:180px;
	height:50px;
	position:absolute;
	right:0px;
	top:28px;
	text-align:right;
	background:url("../images/trimblelogo_hp.jpg") no-repeat top right;
}
/* End of banner classes */

img {
	padding:2px;
	border:1px solid #C3C3C3;
}


/* Navigation bar classes */
#navbar {
	position:absolute;
	width:100%;
	width:1024px;
	height:32px;
	color:#FFF;										/* mod text colour */
	font-size:1em;
	top:95px;
	left:8px;
	display:inline;
	background:url("../images/nav-bg.gif") repeat-x 0px 1px #2E2E2E;
}

/*#navbar span {
	position:absolute;
	right:10px;
	top:4px;
}*/

/* Primary nav elements */
ul.navlevel0 {
	position:relative;
	list-style:none;
	margin-left:4px;
	padding:0px;
	/* these cancel our the stryling of the ul element. */
	margin:0px;
	padding:0px;
	bottom:2px;
}
ul.navlevel0 li {
	font-weight:bold;
	display:inline;
	position:relative;
	top:0px;

	/* these cancel our the stryling of the ul li element. */
	position:relative;
	background:none;
	margin-top:0px;
	padding-left:0px;
	z-index:0;
	float:left;   /* Removing this float fixes the prob with the dropdown widths in Firefox. Keeping this float fixes the closeangle image and the differing distances of the dropdown nav from the top of the page for IE and firefox. Very anoying!! Catch 22!!!! */	
}
ul.navlevel0 a:link, ul.navlevel0 a:visited {
	padding:4px 15px 5px 15px; /*Padding of the individual nav items*/
	color:#FFF;
	text-decoration:none;
	line-height:25px;  /*Important - I.E. needs this for the nav items to look right. Stoopid bug. */	
}
ul.navlevel0 a:hover {
	color:#FFF;
	text-decoration:none;
	background-color:#9D392A;
}


/* Seconday dropdown nav */
ul.navlevel1 {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display:none;
	border-top: 0px;
	position:absolute;
	top:25px;
	left:-1px;
	width:140px;
	z-index:20;

}
ul.navlevel1 li, ul.navlevel2 li, ul.navlevel3 li {
	position:relative;
	width:210px; /* Adding this width here, fixes the "dropdown element width" problem with Firefox. */	
	text-transform:none;	
}
ul.navlevel1 li a:link, ul.navlevel1 li a:visited, ul.navlevel2 li a:link, ul.navlevel2 li a:visited, ul.navlevel3 li a:link, ul.navlevel3 li a:visited {
	display: block;
	text-decoration: none;
	color: #666;
	background-color: #EAEAE5;
	padding: 5px 5px 5px 10px;
	border: 1px solid #FFF;
	border-top: 0px;
	line-height:15px;  /*Important - I.E. needs this for the nav items to look right. Stoopid bug. */	
	z-index:20;
}
ul.navlevel1 li a:hover, ul.navlevel2 li a:hover {
	display: block;
	text-decoration: none;
	color: #FFF;
	background: #9D392A;
	padding: 5px 5px 5px 10px;
	border: 1px solid #FFF;
	border-top: 0px;
	z-index:20;
}
ul.navlevel3 li a:hover {
	display: block;
	text-decoration: none;
	color: #FFF;
	background: #A9AE91;
	padding: 5px 5px 5px 10px;
	border: 1px solid #ccc;
	border-top: 0px;
	font-weight:normal;
	z-index:20;
}
ul.navlevel0 li:hover ul.navlevel1, ul.navlevel0 li.over ul.navlevel1, ul.navlevel1 li:hover ul.navlevel2, ul.navlevel1 li.over ul.navlevel2, ul.navlevel2 li:hover ul.navlevel3, ul.navlevel2 li.over ul.navlevel3 { 
	display: block; 
	z-index:20;
}

/* Fix IE. This is known as the Holly Hack - Hide from IE Mac \*/
* html ul.navlevel1 li { float: left; }
* html ul.navlevel1 li a { height: 1%; }

* html ul.navlevel2 li { float: left; }
* html ul.navlevel2 li a { height: 1%; }

* html ul.navlevel3 li { float: left; }
* html ul.navlevel3 li a { height: 1%; }

/* End of holly hack */


ul.navlevel2, ul.navlevel3 {
	position:absolute;
	top:-10px;
	left:139px;
	width:140px;
	z-index:20;
	display:none;
}

.mainad {
	width:833px;
	display:block;
	background-color:#FFF;
	height:175px;
	text-align:right;
	left:191px;
	position:relative;
}
.mainad img, .noformating {
	padding:0px;
	border:0px;
}
#manufactuerlogos {
	padding:0px;
	border:0px;
	margin-bottom:5px;
}

.nomainad {
	width:673px;
	display:block;
	height:10px;
}



/* Footer classes */
#footer {
	width:100%;
	height:24px;
	color:#A0A0A0;
	font-size:0.8em;
	text-transform:lowercase;
	position:relative;
	clear:both;
	background:#999;
}
#footer ul {

	/* these cancel our the stryling of the ul element. */
	margin:0px 0px 0px 3px;
	list-style:none;
	padding:0px;
}
#footer li {
	
	/* these cancel our the stryling of the ul li element. */
	position:relative;
	background:none;
	margin-top:0px;
	padding-left:0px;
	z-index:0;	
	display:inline;
	position:relative;
	top:5px;
}
#footer a:link, #footer a:visited {
	padding:4px 10px 7px 10px;
	color:#DDD;
	text-decoration:none;
}
#footer a:hover {
	color:#FFF;
	text-decoration:underline;
}
.copyrightnotice {
	position:absolute;
	right:0px;
	top:40px;
	text-transform:none;
	color:#666;
}
#footer span.copyrightnotice a:link, #footer span.copyrightnotice a:visited, #footer span.copyrightnotice a:hover, #footer span.copyrightnotice a:active	 {
	padding:0px;
	margin:0px;
	color:#666;
}
/* end of footer classes */




/* Misc classes */
.leftsection {
	width:24%;
	float:left;
	background:url(../images/dotted-bg-2.gif) repeat-y 0px 0px;
	padding:0px 0px 0px 20px;
}

.rightsection {
	width:70%;
	float:left;
	padding-right:20px;
}
.bottomsection {
	clear:both;
}

.newsitem {
	margin-bottom:20px;
}
.newssummaryitem {
	margin-bottom:0px;
}

.newssummaryitem img {
	border:0px;
	border-left:4px solid #CC0000;
	float:left;
	margin:0px 10px 5px 0px;
}

.margins1b {
	margin-bottom:20px;
}
.margins1t {
	margin-top:20px;
}


/* Standard bulleted lists */
.list1 {
	position:relative;
	margin:0px 0px 30px 40px;
	padding:0px;
	list-style-type:none;
}
.list1 li {
	position:relative;
	background:url(../images/bullet1.gif) no-repeat 0px 4px;
	margin-top:10px;
	padding-left:13px;
	z-index:1;
}
.list2 {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.list2 li {
	position:relative;
	margin-top:10px;
	padding-left:20px;
	z-index:1;
}
.list2 li.phone {
	background:url(../images/icon-phone.gif) no-repeat 0px 2px;
}
.list2 li.calendar {
	background:url(../images/icon-calendar.gif) no-repeat 2px 0px;
}
.list2 li.envelope {
	background:url(../images/icon-envelope-new.gif) no-repeat 2px 3px;
}
.list2 li.arrow {
	background:url(../images/icon-arrow.gif) no-repeat 2px 1px;
}

.bullet1 {
	background:url(/images/bullet4.gif) no-repeat 0px 4px;
	padding-left:9px;
}

/* These styles are visible in the WYSIWYG editor */

/* These are styles for the CMS layouts which are specific for this template. */
/* Layout 2 */
.layout2 {
	width:100%;
	border:0px;
	padding:0px;
	margin:0px;
	border-collapse:collapse;
	vertical-align:top;
}
.layout2section1 {
	width:57%;
	padding-right:30px;
	vertical-align:top;
}
.layout2section2 {
	width:37%;
	border-left:1px solid #CCC;
	padding:0px 0px 0px 20px;
	vertical-align:top;
}
.layout2section3 {
}
.layout2section4 {
}


.layout9 {
	width:100%;
	border:0px;
	padding:0px;
	margin:0px;
	border-collapse:collapse;
	vertical-align:top;
}
.layout9section1 {
	vertical-align:top;
	padding:0px 20px 0px 0px;
	border-right:1px solid #CCC;
}
.layout9section2 {
	vertical-align:top;
	padding:0px 20px 0px 20px;	
}
.layout9section3 {
	vertical-align:top;
	padding:0px 0px 0px 20px;	
	border-left:1px solid #CCC;
	width:27%;
}
.layout9section4 {
	vertical-align:top;
}
hr {
height:1px;
background-color:#CFCFCF;
color:#CFCFCF;
border:none;
}



#maincontent ul {
	margin:0px 0px 30px 0px;
	padding:0px;
	list-style-type:none;
	position:relative;
}
#maincontent li {
	position:relative;
	background:url(../images/bullet4.gif) no-repeat 0px 4px;
	margin-top:10px;
	padding-left:13px;
}


/************** styles for the CMS ********************
["BODY",false,"","background:#FFF; color:#48648C; font-family:Verdana,Arial,Helvetica;font-size:11px;"],
["a:link",false,"","color:#48648C; text-decoration:underline;"],
["a:active",false,"","color:#48648C; text-decoration:underline;"],
["a:visited",false,"","color:#48648C;text-decoration:underline;"],
[".heading",true,"Heading","font-family:Arial, Helvetica, sans-serif;color:#404C5C;font-size:1.4em;margin-bottom:15px;font-weight:bold;"],
["img",false,"","border:1px solid #CCC;"],
["td",false,"","font-size:11px;"],
["ul",false,"","margin:0px 0px 30px 20px;padding:0px;list-style-type:none;"],
["li",false,"","position:relative;background:url(http://paramax.mindwire.com.au/images/bullet1.gif) no-repeat 0px 4px;margin-top:10px;padding-left:13px;z-index:1;"],
["hr",false,"","height:1px;background-color:#CFCFCF;color:#CFCFCF;border:none;"]
["bulletpdf",true,"PDF icon link","background:url(http://www.netbi.com.au/images/icon-pdf.gif) no-repeat 0 2px;padding-left:23px;display:block;line-height:20px;"],
["bulletword",true,"Word icon link","background:url(http://www.netbi.com.au/images/icon-word.gif) no-repeat 0 2px;padding-left:23px;display:block;line-height:20px;"]
*/
#maintable {
	padding:0px;
	border:0px;
	height:400px;
}
#maintable td.leftside {
	background:url("../images/left-side-bg.jpg") repeat-y 0 0;
	vertical-align:top;
	width:30px;
	padding:0px;
}
#maintable td.rightside {
	background:url("../images/right-side-bg.jpg") repeat-y 0 0;
	vertical-align:top;
	width:30px;
	padding:0px;
}
#maintable td.middle {
	vertical-align:top;
	padding:10px 20px;
	width:769px;
}

.bulletword {
background:url(/images/icon-word.gif) no-repeat 0 2px;
padding-left:23px;
display:block;
line-height:20px;
}

.bulletpdflarge {
background:url(/images/icon-pdf.gif) no-repeat 0px 0px;
padding:5px 0px 7px 33px;
display:block;
text-align:left;
}

.bulletphonelarge {
background:url(/images/icon-phone.gif) no-repeat 0px 0px;
padding-left:33px;
display:block;
line-height:20px;
text-align:left;
}
.bulletmaillarge {
background:url(/images/icon-envelope-new.gif) no-repeat 0px 0px;
padding-left:33px;
display:block;
line-height:20px;
text-align:left;
}
.bulletmovielarge {
background:url(/images/icon-film.gif) no-repeat 5px 0px;
padding:3px 0px 5px 33px;
display:block;
text-align:left;
}
.bullettextlarge {
background:url(/images/icon-text.gif) no-repeat 5px 0px;
padding:5px 0px 5px 33px;
display:block;
text-align:left;
}
.bulletinternetlarge {
background:url(/images/icon-internet.gif) no-repeat -3px 0px;
padding:8px 0px 8px 33px;
display:block;
text-align:left;
}
.bulletwordlarge {
background:url(/images/icon-word.gif) no-repeat 0px 0px;
padding:8px 0px 5px 33px;
display:block;
text-align:left;
}
.bulletexcellarge {
background:url(/images/icon-excel.gif) no-repeat 0px 0px;
padding:8px 0px 5px 33px;
display:block;
text-align:left;
}
.bulletpowerpointlarge {
background:url(/images/icon-powerpoint.gif) no-repeat 0px 0px;
padding:8px 0px 5px 33px;
display:block;
text-align:left;
}

#tableedge {
	border-collapse:collapse;
	margin:auto;
	margin-bottom:40px;
}
td.edgeleft {
	/*vertical-align:top;
	background:url("../images/edge-bg-left.gif") no-repeat 0 bottom;*/
	background:url("../images/left-side-bg.jpg") repeat-y right 0;
	vertical-align:top;
	width:30px;
	padding:0px;	
}
td.edgeright {
	/*vertical-align:top;
	background:url("../images/edge-bg-right.gif") no-repeat 0 bottom;*/
	background:url("../images/right-side-bg.jpg") repeat-y left 0;
	vertical-align:top;
	width:30px;
	padding:0px;	
}
.iconaudio {
	background:url("../images/icon-speaker.gif") no-repeat 0 0;
	padding-left:32px;
}
.iconvideo {
	background:url("../images/icon-film.gif") no-repeat 0 0;
	padding-left:32px;
}
td.topedge {
	/*background:url("../images/top-edge-bg.jpg") repeat-x 0 0;*/
	width:763px;
	width:863px;
	padding:0px;
}
td.bottomedge {
	background:url("../images/bottom-edge-bg.jpg") no-repeat 0 0;
	width:763px;
	width:863px;
	padding:0px;
}
#locationmap {
	padding:0px;
	border:1px solid #999;
}




/* Side nav area */
.sidenav {

	margin:0px;
	padding:0px;

	position:relative;
	list-style-type:none;
	padding-bottom:16px;
	width:172px;
	left:-2px;
	top:4px;	
}
.sidenav li {
	background:none;
	margin-top:0px;
	padding-left:0px;
}
.sidenav li a, .sidenav li.disabled {
	position:relative;
	display:block;
	padding:5px 5px 5px 16px;
	margin:1px 0px;
	width:150px;
	font-size:0.9em;
	color: #422C00;
	text-decoration:none;
	background:url("../images/bullet4.gif") no-repeat 7px 8px #DDD7C0;	

	
}
.sidenav li a:link, .sidenav li a:visited {
	text-decoration:none;
	color:#422C00;
}
.sidenav li a:hover {
	text-decoration:none;
	color:#FFF;
}
.sidenav li a:active {
	text-decoration:none;
	color:#FFF;
}
.sidenav li a.selected, .sidenav li a:link.selected, .sidenav li a:visited.selected {
background:url(../images/side-nav-select.gif) repeat-y top left;
background-color:#9D9D9D;
color:#FFF;
}
.sidenav li.disabled {
	color:#808080;
}
.sidenav li a.indent2 {
	padding-left:36px;
	background-position:27px 8px;	
	width:130px;
	/*visibility:hidden;*/
}
.sidenav li a.indent3 {
	padding-left:56px;
	background-position:47px 8px;	
	width:110px;
	/*visibility:hidden;*/
}
.sidenav li a.indent4 {
	padding-left:76px;
	background-position:67px 8px;	
	width:90px;
	/*visibility:hidden;*/
}
.sidenav li a.indent5 {
	padding-left:96px;
	background-position:87px 8px;	
	width:70px;
	/*visibility:hidden;*/
}


/* end side nav */
table.tablemain td {
	vertical-align:top;
}
#quicksearch {
	position:absolute;
	top:4px;
	right:12px;
}
#quicksearch input {
	width:103px;
	border:1px solid #CCC;
	font-size:0.9em;
	padding:1px;
}
#quicksearch #quicksearchsubmitbtn {
	width:30px;
	height:15px;
	font-size:8px;
	padding-top:3px;
}



#tablecontact input, #tablecontact textarea {
	width:300px;
	border:1px solid #999;
	padding:1px;
}
#tablecontact .submitbutton {
	width:100px;
	margin-top:10px;
}
#tableadvancedsearch input, #tableadvancedsearch textarea {
	width:300px;
	border:1px solid #999;
	padding:1px;
}
#tableadvancedsearch .submitbutton {
	width:100px;
	margin-top:10px;
}

.msg {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	font-weight:bold;
	margin-bottom:20px;
}
.error {
	padding-left:25px;
	padding-top:1px;
	background:url(/images/icon-cross.gif) no-repeat 0 0;
	color:#C00;
}
.stop {
	padding-left:30px;
	padding-top:3px;
	background:url(/images/icon-stop.gif) no-repeat 0 0;
	color:#C00;
}
.success {
	padding-left:30px;
	padding-top:3px;
	background:url(/images/icon-check.gif) no-repeat 0 0;
	color:#336600;
}
.forbidden {
	padding-left:30px;
	padding-top:3px;
	background:url(/images/icon-forbidden.gif) no-repeat 0 0;
	color:#C00;
}
.information {
	padding-left:30px;
	padding-top:3px;
	background:url(/images/icon-information.gif) no-repeat 0 0;
}
.hazard {
	padding-left:30px;
	padding-top:3px;
	background:url(/images/icon-hazard.gif) no-repeat 0 0;
}




/***************************
New side nav with flyout dropdowns
***************************/
/**********************************************
New dropdown menu system
**********************************************/

#menuList {
	list-style:none;
	margin:0px;
	padding:0px;
	padding-bottom:16px;
	width:172px;
	left:-2px;
	top:4px;
	position:absolute;
	top:128px;
	left:8px;
}

#mainMenu {
	position:relative;
	background: #cccccc;
}

#menuList ul {
	z-index:100;
	margin: 0px;
	padding: 0px;
}
#menuList li {
	z-index:100;
	/*display:inline;*/
	list-style: none;
	margin: 0px;
	padding: 0px;

	/* The following styles are to counteract the global styling for li */
	background:none;
	/* background:url("../images/bullet5.gif") no-repeat 13px 13px; */
}

/* These are the default states of the elements in the main top level menu. */
a.starter, a.starter:link, a.starter:visited {
	z-index:100;
	padding:4px 0px 5px 5px; /*Padding of the individual nav items*/
	color:#1212B4;
	text-decoration:none;
	line-height:17px;  /*Important - I.E. needs this for the nav items to look right. Stoopid bug. */
	
	/* this is for the sidenav type navigation */
	display:block;
	background-color:none;	
	width:145px;
	border-bottom:1px solid #BFBDB6;
	font-size:1.1em;
	font-weight:normal;

	padding:2px 5px 2px 16px;
	margin:1px 0px;
	width:150px;
	font-size:0.9em;
	color: #422C00;
	text-decoration:none;
	background:url("../images/bullet4.gif") no-repeat 7px 8px #DDD7C0;	
	
}

/* These are the mouse-over states of the elements in the main top level menu. */
a.starter:hover, a.starter:active, a.starter:focus {
	color:#1212B4;
	text-decoration:none;
	/*background:url("../images/bullet5.gif") no-repeat 13px 13px #9D392A;*/
	background:#F2F2F2;
}


/* These are the drop down menus (<ul> elements) */
.menu {
	text-align: left;
	position: absolute;
	visibility: hidden;
	z-index: 100;
	width: 160px;
}
.menu li {
	width:100%;
}

/* These are the default state of the elements (rows) in the drop down menus. */
.menu li a, .menu li a:link, .menu li a:visited { 
	background: #666;
	z-index:100;
	color: #FFF;
	display: block;
	width:100%;
	font-size: 1em;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	margin-top:-2px;
	padding: 4px 5px;
	line-height:17px;
}

/* These are the mouse-over states of the elements (rows) in the drop down menus */
.menu li a:hover, .menu li a:active, .menu li a:focus {
	background-color: #999;
	color: #FFF;
}