body
{
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	color:#6D6E71;
}

a
{
	outline:0;
	margin:2px 0;
	color:#6D6E71;
}

p
{
	padding:0 0 10px 0;
	margin:0;
}

body, input, textarea {
	font-family:DIN, "Lucida Sans", "Lucida Sans Unicode", LucidaSans, Helvetica, Arial, sans-serif;
	font-size:12px;
}
#header .wrap, #login-container .wrap, #main .wrap, #footer {
	clear:left;
	width:900px;
	margin:0 auto;
	padding-left:25px;
	padding-right:25px
}
/* header */
#header {
	background-color:#231f20;
	width:100%;
	height:100px;
	position:relative;
	z-index:3;
}
#header img {
	margin-top:42px;
}
#header ul, #header li {
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}
#header ul {
	float:right;
	display:block;
	margin-top:60px;
	text-align:right;
}
#header li a {
	margin:0 0 0 10px;
	text-decoration:none;
	color:#FFFFFF;
	font-size:11px;
}
#header li a:hover {
	color:#AAC931;
}
/* login */
#login-container {
	position:relative;
	z-index:2;
	text-align:center;
	overflow:visible;
	background:repeat-x bottom right url(/content/images/page-background-stripes.png);
	width:100%;
	padding-top:10px;
}
#login-form {
	/*what changes size.*/
	height:0;
	padding:0;
	margin:0;
	overflow:hidden;
	position:relative;
	z-index:2;
}
#login-form form {
	text-align:center;
	width:100%;
	height:30px;
	margin-top:8px;
	padding:0;
	clear:both;
}
#login-form label{
	padding-left:10px;
}
#login-form .text{
	border:2px solid #c3cd89;
	border-color:#c3cd89 #dee89a #dee89a #c3cd89
}
#login-form .error {
	border-color:#fcaf31
}
#login-form .button{
	border:0;
	background:no-repeat center center url(/content/images/loginbutton-background.gif);
	width:56px;
	height:23px;
	cursor:pointer;
	margin-left:5px;
}
#login-form .regbutton {
	border:0;
	background:no-repeat center center url(/content/images/registerbutton-background.gif);
	width:65px;
	height:23px;
	cursor:pointer;
}

#temp-message a
{
	font-weight:bold;
}

#login-container a#login-button{
	background:bottom right no-repeat url(/content/images/logintab-background.png);
	display:block;
	position:absolute;
	bottom:-17px;
	right:100px;
	height:14px;
	width:63px;
	padding-top:21px;
	text-decoration:none;
	z-index:1;
}

#login-form div#temp-message
{
	width:500px;
	background-color:#FFFC70;
	border:2px solid #FFDF44;
	padding:4px;
	margin-top:-7px;
	float:left;
}

.homepage #login-container a#login-button{
	background-image:url(/content/images/loginbutton-background-onwhite.png);
	z-index:1;
}
object, embed{
z-index:1;position:relative;}
/* main */
#main {
	position:relative;
	z-index:1;
	background:url(/content/images/page-background-green.png) repeat-x top right;
}
#main .wrap {
	position:relative;
}
.homepage #main {
	margin-top:15px; /* to avoid the tab being covered by flash. */
	background:url(/content/images/page-background-grey.png) repeat-x top right;}
/* subnav */
#subnav {
	width:128px;
	position:relative;
	top:20px;
	left:0;
}
#subnav.subnav {
	background:bottom left no-repeat url(/content/images/subnav-bgnd.gif);
	/*left:-30px;*/
}
#subnav img{
	margin-left:1px; /* to account for border;*/
	display:block;
}
#subnav.subnav img{
	margin-left:30px;
}
#subnav.subnav .top {
	background:top left repeat-x url(/content/images/subnav-bgnd-top.gif);
}
#subnav ul, #subnav li {
	margin:0;
	padding:0;
	list-style:none;
}
#subnav li a {
	display:block;
	
	border-top:1px solid #AEB0B2;
	color:#6D6E71;
	text-decoration:none;
	text-transform:uppercase;
	font-size:10px;
	padding:10px 5px;
	text-align:center;
}
#subnav li.first a {
	border-top:none;
}
#subnav li a:hover {
	color:#000000;
}
/* search */
#search {
	position:absolute;
	right:0;top:0;
	width:642px;
	padding:0;
	margin:22px 0 30px 0;
	text-align:right;
}
#search input {
	width:126px;
	height:19px;
	background:top left no-repeat url(/content/images/search-bgnd.gif);
	border:none;
	padding:2px 0 0 16px;
	margin:0;
	color:#7e7e7e;
}

/* content */

#content {
	float:left;
	width:550px;
	padding:80px 0 0 0;
	line-height:1.8;
}
.homepage #content {
	width:935px;
	padding:0 0 0 40px;
}
#content.left {
	width:602px;
}
#content img.title {
	display:block;
	clear:left;
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom:solid 1px #CCCCCC;
	padding-top:30px;
}
#content img.logo {
	float:right;
	margin-right:10px;
}
#content h1 {
	font-size:10px;
	font-weight:bold;
	margin:0 0 12px 0;
	text-transform:uppercase;
	color:#333333;
}

#content h1.page-header, #content h1.section-header
{
  font-size:32px;
  color:#AAC931;
  text-transform:lowercase;
  font-weight:normal;
  border-bottom:solid 1px #cccccc;
  padding-top:20px;
  margin-bottom:40px;
  width:360px;
}

#content h2 {
	font-weight:normal;
	color:#AAC931;
	font-size:20px;
}
#content h2 span {
	color:#a8a9ac;
	font-size:12px;
	float:right;
	margin:8px 0 0 0;
}
#content h2.date {
	float:left;
	margin:0 0 0 10px;
}
#content h2 span.date {
	float:left;
	width:100px;
	margin:10px 0 0 0;
	clear:left;
}
#content h3 {
	font-weight:normal;
	color:#AAC931;
	font-size:16px;
}
#content a, #footer a {
	text-decoration:none;
	color:#AAC931;
}
#content a:hover, #footer a:hover {
	color:#000000;
}
/* main forms */
#content form label {
	float:left;
	clear:left;
	width:70px;
}
#content form input, #content form textarea {
	/*float:left;*/
	width:284px;
	height:17px;
	margin:1px 0 0 8px;
	border:solid 1px #6D6E71;
	color:#6D6E71;
	/*border:none;*/
	/*background:top left no-repeat url(/content/images/input-bgnd.gif);*/
}
#content form textarea {
	height:143px;
	/*background-image:url(/content/images/textarea-bgnd.gif);*/
}
#content form input.submit {
	background-color:#AAC931;
	clear:both;
	color:white;
	font-weight:bold;
	height:25px;
	margin:5px 0pt 0pt 244px;
	width:120px;
}
/*distributors */
#distributor_nz div, #distributor_uk div, #distributor_usa div, #distributor_asia div, #distributor_europe div 
{ 

}

div.dealers div h4
{
	margin:0;
	font-size:14px;
}

/* right column */
#right {
	float:left;
	width:68px;
	margin: 90px 0 0 20px;
}
#right img {
	padding-bottom:20px;
}
/* footer */
#footer {
	text-align:center;
	padding:50px 0 10px 0;
	font-size:80%;
	color:#999999;
}

#footer a img 
{
  border:none;
}

a.page-scroll-point
{
	margin:0;
	padding:0;
	line-height:0;
	height:0;
	float:left;
}

#left
{
	float:left;
	width:175px;
}

p.enquiry-error
{
	border:solid 2px #FFA3AF;
	margin:0;
	padding: 5px;
	background-color:#FFC9DD;
}

p.enquiry-success
{
	border:solid 2px #81FF6D;
	margin:0;
	padding: 5px;
	background-color:#C0FFAD;
}

.tech-specs-content img, .news img
{
  margin:15px 0;
}

#LatestNewsMarker
{
  float:right;
  position:relative;
  left:276px;
  top:-5px;
}

#demos div.video-container
{
  width:400px;
}

div.clear
{
  clear:both;
  height:0
}

#content .news .news-story h2, #content .news-archive .news-story h2
{
  float:none;
  padding:0;
  margin:15px 0;
}

#content .news .news-story h3
{
  margin:10px 0;
}

#content .news .news-story p
{
  padding:0 0 15px 0;
}

#content .news-archive .news-story h2
{
  font-size:12px;
  font-weight:normal;
  color:#6D6E71;
  cursor:pointer;
  line-height:15px;
}

#content .news-archive .news-story
{
  clear:both;
}

#content .news-archive .news-story h2.date, #content .news-archive .news-story h2.title
{
  float:left;
  margin:0 20px 5px 0;
}

#content .news-archive .news-story h2.date
{
  width:135px;
  font-weight:bold;
}

#content .news-archive .news-story h2.title
{
  width:320px;
}

#content .news-archive .news-story .story
{
  clear:both;
  margin:20px 0;
}

#content .news-archive .news-story .story p
{
  padding:5px 0;
  margin:0;
}

#content .spidertracks-solution img.thumbnail, #content img.product-thumbnail, #content img.product-spidertxt
{
  padding:5px; 
  margin:5px; 
  text-align:center;
  display:block;
}

#content img.product-thumbnail
{
  border:solid 1px #6D6E71;
  width:400px;
  height:233px;
}

#content img.product-thumbnail-big
{
  border:solid 1px #6D6E71;
  width:600px;
  height:400px;
  padding:5px; 
  margin:5px; 
  text-align:center;
  display:block;
}

#content iframe.product-thumbnail-big
{
  border:solid 1px #6D6E71;
  width:610px;
  height:410px;
  margin:5px; 
  text-align:center;
  display:block;
}

#content img.product-spidertxt
{
  padding:5px 5px 5px 50px;
  width:500px;
}

#content .downloads ul li a
{
  color:#6D6E71;
}

#content .downloads ul li a:hover
{
  text-decoration:underline;
}

/*-------------------------------------------------------------*/

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
    width:600px;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}