@charset "UTF-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
		}
	
html {
	font-size: 100%;
	}

body {
	font: 62.5%/1.5 Arial, Verdana, sans-serif;
	margin: 0;
	padding: 0;		

	}

#wrapper {
	width: 950px;
	margin: 0 auto;
	}
	

	
/* Header Section */	
#topleft {
	float: left;
	width: 170px;
	margin-top: 7px;
	}

#topcenter {
	margin-left:200px;
	width: 340px;
	padding: 33px 0 8px 0px;
	}

#topright {
	float: right;
	width: 350px;
	}

#logo{	
	border: 0;
	}
	
.call {
	font-size: 1.3em;
	color: #333;
	font-weight: 600;
	text-decoration: none;
	}
	
	
	
.number {
	font-size: 1.5em;
	}	
#column {
font-size: 1.3em;
float: left;
width:160px;
height:300px;
}

#column2 {
font-size: 1.1em;
float: left;
width:235px;
margin-right: 20px;
margin-top: 15px;

}

/* Main Boxed Links */

#beta {
	float: right;
position: relative;
margin-right:20px; 
top: 31px; 
}

a.boxednav, a.boxednav:visited, a.boxednav:hover {
	font-size: 0.9em;
	border: solid 1.5px #999999;
	margin: 25px 0 0 5px;
	font-weight: 500;
	padding: 6px 6px 4px 6px;
	float: right;
	}

a.boxednav, a.boxednav:visited {
	text-decoration: none;
	color: #000000;
	text-transform: uppercase;
	}		

a.boxednav:hover {
	border: solid 1.5px #FF6600;
	}
	
/* Subheader */

#subheader {
	color: #fff;
	background-color: #FF6600;	
	margin: 10px 0 3px 0;
	padding:7px 10px 10px 10px;
	height: 15px;
	}

#subheader a, #subheader a:visited, #subheader a:hover {
	color: #fff;
	font: 0.8em;
	text-transform: uppercase;
	text-decoration: none;
	margin: 7px;
	letter-spacing: 1.7px;
	font-weight:400;
	}
	
#subheader a:hover {
	color:#FFFF99;
	}	
	
.solid { 
	float: right;
	}
	
#signuptext{
z-index: 5; 
position: relative; 
top: 113px; 
left:0em;
margin-left:30px;
height: 0px;
}

.boldsign {
font-weight: 600;
}
.boldsign2 {
font-weight: 600;
margin-top:3px;
}
#icon {
width:40px;
float:left;
}
#cont {
float: left;
vertical-align: middle;
margin-right: 20px;

}

#signup{
color:#FFFFFF;
font-size: 1.2em;
margin-bottom:5px;
line-height: 1.3;
}

#enquiry{
color:#666;
margin-bottom:5px;
line-height: 1.3;
}

.input {
	background-color: #fff;
	color:#666;
	margin: 4px 0 5px 8px;
	padding: 1px;
	border: 1px solid #666;
	height: 18px;
}

.input2 {
	background-color: #fff;
	color:#666;
	margin: 4px 0 5px 8px;
	padding: 1px;
	border: 1px solid #666;
	height: 100px;
	width: 350px;
}

.submit {
	padding-top: 5px;
	clear: both;
	margin-left: 6.3em;
} 

label {
width: 8em;
float: left;
text-align: right;
margin-right: 0.7em;
display: block;
font-weight: 600;
font-size: 1.1em;
font-color:#666;
}

.enquiry {
margin-bottom:10px;
font-size: 1.1em;
font-weight: 600;
}



#butt {
margin-left: 5px;
}

#buttb{
margin-left: 5px;
vertical-align: bottom;
}

/* panels */


#floatpanel {
	width: 710px;
	float: left;
	margin: 0;
	}

#mainpanel {
	width:510px;
	float: right;
	margin-top: 23px;
	padding: 0;
	}

#leftpanel {
	width: 170px;
	margin-top: 23px;
	}

#rightpanel {
	width:210px;
	float: right;
	}
	
/* h tags */	
 
h1 {
	font-size: 2.9em;
	font-weight: 100;
	color: #FF6600;
	letter-spacing: 1px;
	line-height: 1;
	margin-bottom:10px;
	}

h2 {
	font-size: 1.5em;
	font-weight: 600;
	color: #333;
	line-height: 1.1;
	margin-top: 3px;
	margin-bottom:15px;
	}
	
alt2 {
	font-size: 1.5em;
	font-weight: 600;
	color: #333;
	line-height: 1.1;
	margin-top: 3px;
	margin-bottom:5px;
	}
	
h3 {
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.3;
	margin-bottom: 10px;
	}
	
h4 {
	font-size: 1.1em;
	font-weight: normal;
	line-height: 1.3;
	margin-bottom: 10px;
}

p.sub {
	font-size: 1.4em;
	letter-spacing: 1px;
	color: #666666;
	font-weight: 800;
	margin-top: 20px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
}	

p.green {
	font-size: 1.3em;
	color:#009900;
	line-height: 1.2;
	margin-top:10px;
	margin-bottom: 5px;
}
p.greenb {
	font-size: 1.1em;
	color:#009900;
	margin: 7px 0 3px 0;
	font-weight: 600;
}

p.orangec{
	font-size: 1.1em;
	color:#FF6600;
	margin: 0 0 3px 0;
	font-weight: 600;
}

#bullets li{
	font-size: 1.1em;
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	line-height: 1.2;
	margin-top:7px;
}

#bulletsb li{
	font-size: 1.1em;
	margin-left: 0;
	padding-left: 0;
	list-style:none;
	line-height: 1.2;
	margin-bottom: 3px;
}
#subb {
font-size: 1.3em;
font-weight:600;
color:#333333;
margin-bottom: 3px;
}

#subc {
font-size: 1.3em;
font-weight:600;
color:#333333;
margin-top: 20px;
margin-bottom: 3px;
}

a.lightlight, a.lightlight:visited, a.lightlight:hover, online{
text-decoration:none;
color:#FF6600;
border:0;
}

.highlight {
font-weight: 600;
color: #FF6600;
}

a.highlight {
text-decoration:none;
}
.orange {
	color:#FF6600;
	}

.orangeb {
	color:#FF6600;
	font-size: 0.5em;
	letter-spacing: -10px;
	}
.caviat {
margin-top: 20px;
font-size: 0.9em;
font-weight: 600;
line-height: 1.2;
}


/* Right Bar */
.NewsHeader {
	font-size: 0.8em;
	text-transform: uppercase;
	letter-spacing: 0.2px;
	width: 194px;
	margin-top: 3px;
	padding: 3px 7px 3px 7px;
	height: 12px;
	background-color:#339966;
	color: #FFFFFF;
	}

#cat1, #cat2, #cat3, #cat4, #cat5, #cat6, #cat7, #cat8, #cat9, #cat10, #cat11{
	font-size: 0.6em;
	width: 206px;
	height: 2em;
	border-color: #339966;
	border: 2px solid #339966;
	background-color:#006633;
	}
	
#cat1 a, #cat2 a,#cat3 a, #cat4 a, #cat5 a, #ind1 a, #ind2 a,#ind3 a, #ind4 a, #ind5 a, #ind6 a, #ind7 a, #ind8 a, #ind9 a, #ind10 a{
	text-decoration: none;
	color:#FFFFFF;
	}

.NewsHeader a{
	text-decoration:none;
	color:#FFFFFF;
	}

.NewsHeader a:hover{
	text-decoration:none;
	color:#CCFFCC;
	}

.indtext{
	color:#fff;
	font-size: 1.8em;
	line-height:1.1;
	font-weight: 400;
	padding: 5px 5px 0 5px;
	}

#indpic, #cspic {
	padding:0;
	border:0;
	}

.CSHeader {
	font-size: 0.8em;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	width: 194px;
	margin-top: 3px;
	padding: 4px 8px 4px 8px;
	height: 12px;
	background-color:#FF9900;
	color: #FFFFFF;
	}

#ind1, #ind2, #ind3, #ind4, #ind5, #ind6, #ind7, #ind8, #ind9, #ind10, #ind11, #ind12, #ind13, #ind14, #ind15, #ind16, #ind17{
	font-size: 0.6em;
	width: 206px;
	height: 2em;
	border-color: #339966;
	border: 2px solid #FF9900;
	background-color:#FF6600;
	}

.CSHeader a{
	text-decoration:none;
	color:#FFFFFF;
	}

.CSHeader a:hover{
	text-decoration:none;
	color:#F6F4F7;
	}

.cstext{
	color:#fff;
	font-size: 1.8em;
	line-height:1.1;
	font-weight: 400;
	padding: 5px 5px 0 5px;
	}

.text {
	font-size: 0.9em;
	line-height: 1.5;
	margin-bottom: 8px;
	}
/* Left Nav */

#orange {
	color:#FF6600;
	}

a.orange {
	color:#FF6600;
	}
	
#systems, #kiosks, #peripherals, #services {
	border: 1px solid #333;
	width: 140px;
	padding: 5px 5px 5px 15px;
	
	}
#systems ul, #kiosks ul, #peripherals ul, #services ul {
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	}
		
#systems a, #kiosks a, #peripherals a, #services a {
	text-decoration:none;
	color: #333333;
	}
		
#systems a:hover, #kiosks a:hover, #peripherals a:hover, #services a:hover {
	color:#FF6600;
	}		

#systems li, #kiosks li, #peripherals li, #services li{
	list-style-image: none;
	list-style-type: none;
	}

/* newsletter Links */
#altsite {
	margin-top: 10px;
	width: 148px;
	padding: 12px 5px;
	border: 1px solid  #999999;
	background-color: #666666;
	}

#newsletter {
	text-transform: uppercase;
	color:#FFFFFF;
	text-align: center;
	line-height: 0.9;
	margin-bottom: 6px;
	}

.digipost{
	color:#FF6600;
	font-size: 1.5em;
	letter-spacing: 2px;
	}

.sign{
	font-size: 1em;
	letter-spacing: 2px;
	padding: 5px 5px 3px 5px;
	color:#fff;
	border: solid 1px #fff;
	}
	
a.sign:hover {
	border: solid 1px #FF6600;
	}


.quarterly{
	font-size: 0.7em;
	line-height: 10px;
	letter-spacing: 1.7px;
	}

a.digipost, a.sign, a.quarterly {
	text-decoration: none;
	}

/* tabs */

#Tabs a {
	}
	
div.TabView div.Tabs {
	overflow: hidden;
	margin-top:15px;
 	height: 26px;
	}	

div.TabView div.Tabs a {
	margin-right:2px;
  	font-size:0.8em;
	float: left;
  	display: block;
  	text-align: center;
	text-transform:uppercase;
	text-decoration: none;
	letter-spacing: 2px;
  	color: #FFFFFF;
	padding: 6px 0 3px 0;
	text-align: center;
	background-image:url(links/peripherals/tab-normal.gif);
	border-bottom: solid 3px #666;
		width:120px;

	}

div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active {
	background-color: #f60;
	padding: 6px 0;
	text-align:center;
	border-bottom: solid 8px #f60;
		width:120px;
		background-image:url(links/peripherals/tab-active.gif);

	}

div.TabView div.Pages {
 	clear: both;
  	border: 1.5px solid #f60;
  	overflow: hidden;
	
	}

div.TabView div.Pages div.Page {
	height: 550px;
  	overflow: hidden;
	}

div.Pages div.Page div.Pad {
	padding: 10px 10px;
	}	

.mainheader	{
	color:#FF6600;
	font-size: 1.7em;
	padding: 0.5em;
	font-weight: lighter;
	border: solid 0.01em #F60;
	}

.main {
	font-size: 0.7em;
	margin-top: 1em;
	line-height:1.6;
	}

.quote {
	color:#FF6600;
	font-size: 0.9em;
	line-height: 1.3;
	margin-top: 0.4em;
	}
	
.mainphoto {
	float: right;
	margin-left: 10px;	
	}

/* LHS */

#navigation ul .lhs {
	display:none;
	}
	
#navigation ul:hover .lhs {
	display:block;
	list-style-type:none;
	}
	
.white {
	color:#FFFFFF;
	}
				
#lhs1 {
	font-size:1em;
	text-transform:uppercase;
	margin: 0.3em 0 0 0;
	letter-spacing:1.5px;
	font-weight: 500;
	background-color: #ffffff;
	border: 1px solid #333333;
	}
		
#lhs1 a{
	color:#fff;
	text-decoration: none;
	}		

#lhs1 a:hover{
	color:#FF6600;
	}	
	
#lhs1 ul:hover .lhsv{
	color:#000066;
	}		

#lhs1 li{
	margin: 2px 0px 2px 13px;
	line-height: 1.2;
	}

#lhs1 li a{
	color:#333;
	text-transform:none;
	letter-spacing: 0.2px;
	font-size: 1.1em;
	}	
	
.lhs a {
	text-transform:none;
	letter-spacing: 0;	
	font-size: 1.1em;
	padding-top: 1px;
	color:#333333;
	} 
	
#lhsv {
	margin-left: 0;
	padding-left: 1.5em;
	text-indent: -1.5em;
	background-color:#FFFFFF;
	margin: 4px 0;
	list-style-type:none;
	}
	
#int {
	background-color: #333333;
	padding: 3px 0 3px 5px;
	}
	
#footer {
	clear: both;
	margin-top: 5px;
	padding: 8px 0;
	border-top: solid 1px #666666;
	border-bottom: solid 1px #666666;
	text-transform:uppercase;
	font-size:0.9em;
	font-weight: 600;
	text-align:center;
}

#footer a, #footer a:hover, #footer a:visited {
text-decoration: none;
color: #333333;

}


.green {
color:#33CC33;
}

/* icons */

#border {
margin-top: 20px;
height: 20px;
}

#contacts {
vertical-align:middle;
font-size: 1.2em;
font-weight:900;
float: right;
width:135px;
line-height:1.1;
}

#contacts-inline {
font-size: 1.2em;
font-weight:900;
height: 30px;
line-height:1.1;
border: solid 1px #666666;
padding: 10px 5px;

}

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

a.nolinec, a.nolinec:visited, a.nolinec:hover, online{
text-decoration:none;
color:#009900;
border:0;
}

a.nolineb, a.nolineb:visited, a.nolineb:hover, online{
text-decoration:none;
color:#f60;
border:0;
}

a.noline, a.noline:visited, a.noline:hover, online{
text-decoration:none;
color:#000000;
border:0;
}

a.nolineg, a.nolineg:visited, a.nolineg:hover, online{
text-decoration:none;
color:#FFFFFF;
border:0;
}

a.nolinegr, a.nolinegr:visited, a.nolinegr:hover, online{
text-decoration:none;
color:#006633;
border:0;
}

#maintable {
width: 500px;
padding:0;
margin:0
}

#table {
	font-size: 1.2em;
	border-collapse: collapse;
	width: 400px;
	line-height:1.1;
	}

#maintable th {
	padding: 0 0.5em;
	text-align: left;
	}

#maintable tr {
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	
	}

#maintable td {
	border-bottom: 1px solid #CCC;
	padding: 0.1em 0.5em;
	}
	
#head {
	color: #fff;
	font-weight: 600;
	background-color:#333333;
	height: 25px;
	border: none;
}

#bold {
font-weight: 600;
width: 100px;
}

#boldb {
font-weight: 600;
width: 100px;
font-size: 1em;
}

#boldw {
font-weight: 600;
}

#bold a{
}

#greena {
width:500px;
}

#greenb {
float:right;
width:240px;
}
#greenc {
float:left;
width:240px;
margin-right:20px;
}

#greend {
float:right;
width:240px;
}

#greena td, #greenb td, #greenc td, #greend td {
padding: 2px 5px;
width:73px;
}

#greena, #greenb, #greenc, #greend {
border: solid 1px #666666;
line-height: 1.1;
}



#headg{
	color: #fff;
	font-weight: 600;
	background-color:#006633;
	border: none;}


#headg td{
	padding: 5px;
}

#lower {
clear: both;
}
#kiosk {
width:500px;
color: #FFFFFF;
padding:0;
margin:0;
background-color: #333333;
margin: 5px 0 8px 0;
}

#grey {
background-color: #333333;
border-right: solid 1px #999999;
text-align:center;
text-transform:uppercase;
padding:5px;
line-height:1.1;
}
#greyend {
background-color: #333333;
text-align:center;
text-transform:uppercase;
padding:5px;
line-height:1.1;
}
#right {
float:right;
margin-bottom: 10px;
}


#sitemap ul{
list-image:none;
margin-bottom: 5px;
font-weight: 600;
}

#sitemap li {
margin-left:20px;
line-height: 1.2;
font-weight: 300;
}

a.noline {
text-decoration:none;
border: none;
}

a.nolinez, a.nolinez:visited, a.nolinez:hover, online{
text-decoration:none;
border:0;
}

#sitemap a, #sitemap a:hover, #sitemap a:visited {
text-decoration: none;
}

#sitemap a, #sitemap a:visited {
color: #333333;
}

#sitemap a:hover {
color: #FF6600;
}

/* centre 2 columns */


#leftcolumn {
color: #FF6600;
width: 240px;
margin-right: 10px;
float: left;
}

#rightcolumn {
width:240px;
float: right;
}

.greybar {
background-color:#666666;
color:#FFFFFF;
font-size: 1.9em;
padding: 5px 15px;
font-weight: 400;
}

nonez {
text-decoration:none;
border: none;
}

a.greenlink, a.greenlink:visited, a.greenlink:hover {
font-size:1.1em;
line-height: 1.1;
color:#339966;
text-decoration:none;
font-weight: 600;
	margin-bottom: 10px;

}