/* Dark Blue #00476a; */
/* Bright Blue #0093d9; */
/* Grey #bbbcbe; */

body {
	background: #c1c2c4 url('images/mainbg.gif') top center repeat-y;
	font-size: medium;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, 'Trebuchet MS', Tahoma, sans-serif;
	margin: 0;
}

.noscreen {display: none;}
.floatright {float: right;}
.floatleft {float: left;}

.leftfloatedimage {float: left; margin: 0 15px 15px 0;}
.rightfloatedimage {float: right; margin: 0 0 15px 15px;}

.main {width: 940px; border: 0 none ; margin: 0 auto; padding: 0; color: #00476a; background: #ffffff;}

.headingpanel {border: 0 none; padding: 0; margin: 0; display: block;}

.branding {float: left; height: 139px; width: 182px; margin: 0; border: 1px solid #00476a; border-top: 0 none;}
.brandinghome {float: left; height: 250px; width: 182px; margin: 0; border: 1px solid #00476a; border-top: 0 none;}
.logo {margin: 0 1px;}
.phonelogo {margin: 0 1px;}

.mainimage {position: relative; float: right; width: 753px; text-align: right; margin: 0; padding: 0;}

.tabbedmenupanel {z-index: 5; position: absolute; top: 0; left: 0; padding: 0; margin: 0;}

ul.tabbedmenu {float: left; padding: 0; margin: 0 0 0 1px; text-align: left; font-size: 0.75em; list-style-type: none;}

li.tabbedmenu {background: transparent url('images/tab.png') top left no-repeat; width: 125px; height: 29px; color: #00476a; padding: 6px 0 0 0; margin: 0; text-align: center;}
li.tabbedmenu:hover {background: transparent url('images/tab_hover.png') top left no-repeat;}

a.tabbedmenulink {width: 125px; text-decoration: none; color: #00476a; font-weight: bold; margin: 0;}
a.tabbedmenulink:link {width: 125px; text-decoration: none; color: #00476a;}
a.tabbedmenulink:visited {width: 125px; text-decoration: none; color: #00476a;}
a.tabbedmenulink:hover {width: 125px; text-decoration: none; color: #0093d9;}
a.tabbedmenulink:active {width: 125px; text-decoration: none; color: #00476a;}

a.tabbedmenulinkthis {width: 125px; text-decoration: none; color: #0093d9; font-weight: bold; margin: 0;}
a.tabbedmenulinkthis:link {width: 125px; text-decoration: none; color: #0093d9;}
a.tabbedmenulinkthis:visited {width: 125px; text-decoration: none; color: #0093d9;}
a.tabbedmenulinkthis:hover {width: 125px; text-decoration: none; color: #00476a;}
a.tabbedmenulinkthis:active {width: 125px; text-decoration: none; color: #0093d9;}

.topmenupanel {clear: both; height: 29px; background: #00476a url('images/topnav_bg.gif') bottom left no-repeat; border-top: 1px solid #ffffff; border-bottom: 9px solid #ffffff; width: 100%; margin: 0; padding: 0;}

ul.topmenu {padding: 0; margin: 7px 0 0 15px; text-align: left; font-size: 0.7em; list-style-type: none;}

li.topmenu {display: inline; color: #ffffff; padding: 0; margin: 0;}

li.topmenu a {font-weight: bold; margin: 0 5px 0 0;}

a.topmenulink:link {text-decoration: none; color: #ffffff;}
a.topmenulink:visited {text-decoration: none; color: #ffffff;}
a.topmenulink:hover {text-decoration: none; color: #0093d9;}
a.topmenulink:active {text-decoration: none; color: #ffffff;}

a.topmenulinkthis:link {text-decoration: none; color: #0093d9;}
a.topmenulinkthis:visited {text-decoration: none; color: #0093d9;}
a.topmenulinkthis:hover {text-decoration: none; color: #ffffff;}
a.topmenulinkthis:active {text-decoration: none; color: #0093d9;}

.maincontent {
	width: 100%;
	margin: 0;
	padding: 0;
	background: #ffffff;
	font-size: 0.8em;
}

.mainhome {width: 680px; margin: 0 0 0 30px; padding: 0; float: left; background: #ffffff; text-align: left;}
.mainhome p {margin: 10px 0 15px 0;}
.mainhome li {padding: 3px 0;}

.leftcol {width: 186px; margin: 0; padding: 0; float: left; text-align: left; background: #ffffff;}
.maincol {width: 740px; margin: 0; padding: 0; float: right; background: #ffffff;}
.centrecol {width: 530px; margin: 0 0 0 5px; padding: 0; float: left; background: #ffffff; text-align: left;position: relative;}
.centrecol p {margin: 10px 0 15px 0;}
.centrecol li {padding: 3px 0;}

.rightcol {width: 186px; margin: 0; padding: 0; float: right; text-align: right; background: #ffffff;}

.footerpanel {clear: both; width: 100%; border: 0 none ; margin: 0; padding: 0; height: 40px; border-top: 3px solid #ffffff; text-align: right; color: #ffffff; background: #00476a; font-size: 0.75em;}
.footerlinks {margin: 12px 12px 0 0;}

.footer {clear: both; border: 0 none ; margin: 10px 3px 5px 3px; padding: 0; color: #00476a; font-size: 0.75em;}
.footertext {padding: 0; margin: 0; text-align: right;}

.copyrightpanel {clear: both; border: 0 none; margin: 5px 3px; padding: 0; color: #00476a; text-align: right; font-size: 0.75em;}
.webmaster {float: left; margin: 0; padding: 0;}

.homepanels {clear: both; border: 0 none; margin: 0; padding: 0;}
.homepanelimage {margin: 0 2px 0 0;}

.memberpanel {float: right; width: 250px; text-align: right; font-size: 0.85em; color: #00476a;}
.memberpanel a {color: #00476a;}

.crumbtrailpanel {float: left; width: 600px; font-size: 0.85em; color: #00476a;}
.crumbtrailpanel a {color: #00476a;}

.crumbtrail {font-size: 0.85em; color: #00476a;}
.crumbtrail a {color: #00476a;}

h1 {font-size: 1.4em; color: #00476a; margin: 10px 0 20px 0;}
h2 {font-size: 1.2em; color: #00476a; margin: 20px 0 10px 0;}
h3 {font-size: 1.1em; color: #00476a; margin: 20px 0 10px 0;}
h4 {font-size: 1.0em; color: #00476a; margin: 20px 0 10px 0;}
h5 {font-size: 0.9em; color: #00476a; margin: 20px 0 10px 0;}
h6 {font-size: 0.9em; color: #000000; margin: 20px 0 10px 0;}

.greybgnd {margin: 0 0 2px 0; padding: 5px; color: #00476a; background: #bbbcbe;}
.greybgnd h2 {Margin: 0 0 3px 0;}

div.greywrap {position:relative; margin: 0; padding: 0 3px 0 0; color: #00476a; background: #bbbcbe; border-right: 2px solid #ffffff;}
div.greywrap div {position:absolute;}
div.greywrap div.mtl{width: 10px; height: 10px; background:transparent url(images/mtl.gif) top left no-repeat; left:0; top:0;}
div.greywrap div.mtr{width: 10px; height: 10px; background:transparent url(images/mtr.gif) top right no-repeat; right:0; top:0;}
div.greywrap div.mbr{width: 10px; height: 10px; background:transparent url(images/mbr.gif) bottom right no-repeat; right:0; bottom:0;}
div.greywrap div.mbl{width: 10px; height: 10px; background:transparent url(images/mbl.gif) bottom left no-repeat; left:0; bottom:0;}

div.headedgreywrap {position:relative; margin: 0; padding: 3px 0; width: 186px; color: #00476a; background: #bbbcbe url('images/darkblueheading_bg.gif') top left repeat-x;}
div.headedgreywrap div {position:absolute; width: 166px;}
div.headedgreywrap div.mtl{width: 10px; height: 10px; background:transparent url(images/mtl.gif) top left no-repeat; left:0; top:0;}
div.headedgreywrap div.mtr{width: 10px; height: 10px; background:transparent url(images/mtr.gif) top right no-repeat; right:0; top:0;}
div.headedgreywrap div.mbr{width: 10px; height: 10px; background:transparent url(images/mbr.gif) bottom right no-repeat; right:0; bottom:0;}
div.headedgreywrap div.mbl{width: 10px; height: 10px; background:transparent url(images/mbl.gif) bottom left no-repeat; left:0; bottom:0;}
div.headedgreywrap div.sbr{width: 10px; height: 10px; background:transparent; right:0; bottom:0;}
div.headedgreywrap div.sbl{width: 10px; height: 10px; background:transparent; left:0; bottom:0;}

div.darkbluewrap {position:relative; margin: 0; padding: 5px 0; width: 186px; color: #ffffff; background: #00476a;}
div.darkbluewrap div {position:absolute; width: 166px;}
div.darkbluewrap div.mtl{width: 10px; height: 10px; background:transparent url(images/mtl.gif) top left no-repeat; left:0; top:0;}
div.darkbluewrap div.mtr{width: 10px; height: 10px; background:transparent url(images/mtr.gif) top right no-repeat; right:0; top:0;}
div.darkbluewrap div.mbr{width: 10px; height: 10px; background:transparent url(images/mbr.gif) bottom right no-repeat; right:0; bottom:0;}
div.darkbluewrap div.mbl{width: 10px; height: 10px; background:transparent url(images/mbl.gif) bottom left no-repeat; left:0; bottom:0;}

div.menuwrap {position:relative; margin: 0; padding: 3px 0; width: 186px; color: #ffffff; background: #0093d9;}
div.menuwrap div {position:absolute; width: 166px;}
div.menuwrap div.mtl{width: 10px; height: 10px; background:transparent url(images/mtl.gif) top left no-repeat; left:0; top:0;}
div.menuwrap div.mtr{width: 10px; height: 10px; background:transparent url(images/mtr.gif) top right no-repeat; right:0; top:0;}
div.menuwrap div.mbr{width: 10px; height: 10px; background:transparent url(images/mbr.gif) bottom right no-repeat; right:0; bottom:0;}
div.menuwrap div.mbl{width: 10px; height: 10px; background:transparent url(images/mbl.gif) bottom left no-repeat; left:0; bottom:0;}

ul.menu {font-size: 0.85em; font-weight: normal; padding: 0; margin: 0 6px 6px 12px; list-style-type: none;}

li.menu {color: #ffffff; padding: 6px 0; margin: 0; list-style-type: none; font-weight: bold; border-bottom: 1px dotted #ffffff;}
li.menu a {text-decoration: none; color: #ffffff;}
li.menu a:visited {text-decoration: none; color: #ffffff;}
li.menu a:hover {text-decoration: none; color: #00476a;}
li.menu a:active {text-decoration: none; color: #ffffff;}

li.menuthis {color: #00476a; padding: 6px 0; margin: 0; list-style-type: none; font-weight: bold; border-bottom: 1px dotted #ffffff;}
li.menuthis a {text-decoration: none; color: #00476a;}
li.menuthis a:visited {text-decoration: none; color: #00476a;}
li.menuthis a:hover {text-decoration: none; color: #ffffff;}
li.menuthis a:active {text-decoration: none; color: #00476a;}

li.menulast {color: #ffffff; padding: 6px 0; margin: 0; list-style-type: none; font-weight: bold; border-bottom: none;}
li.menulast a {text-decoration: none; color: #ffffff;}
li.menulast a:visited {text-decoration: none; color: #ffffff;}
li.menulast a:hover {text-decoration: none; color: #00476a;}
li.menulast a:active {text-decoration: none; color: #ffffff;}

li.menuthislast {color: #00476a; padding: 6px 0; margin: 0; list-style-type: none; font-weight: bold; border-bottom: none;}
li.menuthislast a {text-decoration: none; color: #00476a;}
li.menuthislast a:visited {text-decoration: none; color: #00476a;}
li.menuthislast a:hover {text-decoration: none; color: #ffffff;}
li.menuthislast a:active {text-decoration: none; color: #00476a;}

.rightform {margin: 3px 10px; text-align: left;}
.rightformlabel {font-size: 0.9em; color: #00476a; font-weight: bold;}
.rightformwhitelabel {font-size: 0.9em; color: #ffffff; font-weight: bold;}
.rightformshortfield {font-size: 1em; color: #00476a; border: 1px solid #bbbcbe; margin: 2px 3px 0 0; width: 115px;}
.rightformselect {font-size: 1em; color: #00476a; margin: 2px 3px 6px 0;}
.rightformfield {font-size: 1em; color: #00476a; border: 1px solid #bbbcbe; margin: 6px 3px 0 0; width: 160px;}
.rightformbutton {font-size: 0.7em; color: #ffffff; font-weight: normal; background: #00476a url('images/button_bg.gif') center left repeat-x;  margin: 0; padding: 2px; border: 0 none; cursor: pointer;}

#panel_get_in_touch {width: 186px; background: #ffffff url('images/small_panel_get_in_touch_bg.jpg') top left no-repeat; margin: 0; padding: 0; border: 0 none; text-align: left; cursor: pointer;}
#panel_get_in_touch h3 {padding: 56px 0 0 20px; margin: 0; color: #0093d9; letter-spacing: 1px; text-transform: uppercase;}
#panel_get_in_touch p {padding: 0 0 9px 20px; margin: 0; font-size: 1.2em; letter-spacing: 2px;}

#panel_join_us {width: 186px; background: #ffffff url('images/small_panel_join_us_bg.jpg') bottom center no-repeat; margin: 0; padding: 0; border-top: 1px solid #9fa0a2; text-align: left; cursor: pointer;}
#panel_join_us h4 {padding: 20px 0 0 6px; margin: 0;}
#panel_join_us p {padding: 0 0 6px 6px; font-size: 0.8em; margin: 0;}

.calltoaction {text-align: center;}

.button {font-weight: bold; cursor: pointer; margin: 0 0 0 2px; padding: 0;}

.litebutton {cursor: pointer;  margin: 0 0 0 2px; padding: 0 3px;}

.largebutton {font-size: 1em; font-weight: bold; cursor: pointer; padding: 5px; margin: 10px;}

.smallbutton {font-size: 0.9em; cursor: pointer; margin: 3px; padding: 0;}

.plaintextbox {border: 0 none; font-weight: bold;}

.smalltextbox {font-size: 0.8em;}

.tradelogos {text-align: center;}
.tradelogo {margin: 20px 28px 0 28px;}

.inlineimage {border: 1px solid #76ad1c; margin: 5px;}

.rightcol70 {float: right; width: 70%; border: 0 none; padding: 0; margin: 0;}
.leftcol30 {float: left; width: 30%; border: 0 none; padding: 0; margin: 0;}
.col2left {float:left; width: 55%;}
.col2right {float:right; width: 42%;}

img {border: 0 none;}
image {border: 0 none;}
.verticallycentered {vertical-align: middle;}

.clickable {cursor: pointer;}

.whitetext {color: #ffffff;}

.separator {clear: both; height: 1px; margin: 0px;}
.spacer {clear: both; height: 3px; margin: 0px; display: block;}
.spacerbig {clear: both; height: 10px; margin: 0px;}

ul.bullets {font-weight: normal; padding: 0; margin: 5px 20px;}
.bullets li {padding: 0 0 9px 0;}

.centered {text-align: center;}
.indented {margin-left: 25px; margin-right: 25px;}
.larger {font-size: 1.2em;}
.smaller {font-size: 0.8em;}
.quote {font-size: 0.7em; margin: 10px; font-style: italic;}
.underlined {text-decoration: underline;}
.context {font-size: 0.85em;}
p.context {margin: 0 0 5px 0;}
.clickable {cursor: pointer;}
.warning {color: #dd0000; font-weight: bold;}
.brightblue {color: #0093d9;}
.caption {color: #909090; font-size: 0.8em; font-weight: normal; font-style: italic; margin: 5px; padding: 0;}

hr {clear: both; height: 0px; color: #ffffff; background: #ffffff; border: 0 none; border-bottom: 2px dotted #0093d9; margin: 5px 0;}

a:link {color: #00476a; text-decoration:underline;} 
a:visited {color: #00476a; text-decoration:underline;} 
a:hover {color: #0093d9; text-decoration:none;}
a:active {color: #00476a; text-decoration:underline;}

a.antilink:link {color: #00476a; text-decoration:none;} 
a.antilink:visited {color: #00476a; text-decoration:none;} 
a.antilink:hover {color: #0093d9; text-decoration:underline;}
a.antilink:active {color: #00476a; text-decoration:none;}

a.highlightedlink:link {color: #0093d9; text-decoration:none; font-weight: bold;} 
a.highlightedlink:visited {color: #0093d9; text-decoration:none; font-weight: bold;} 
a.highlightedlink:hover {color: #00476a; text-decoration:underline; font-weight: bold;}
a.highlightedlink:active {color: #0093d9; text-decoration:none; font-weight: bold;}

a.blacklink:link {color: #000000; text-decoration:none;} 
a.blacklink:visited {color: #000000; text-decoration:none;} 
a.blacklink:hover {color: #000000; text-decoration:underline;}
a.blacklink:active {color: #000000; text-decoration:none;}

a.footerlink:link {color: #ffffff; text-decoration:none;}
a.footerlink:visited {color: #ffffff; text-decoration:none;}
a.footerlink:hover {color: #ffffff; text-decoration:underline;}
a.footerlink:active {color: #ffffff; text-decoration:none;}

a.webmasterlink:link {color: #00476a; text-decoration:none;} 
a.webmasterlink:visited {color: #00476a; text-decoration:none;} 
a.webmasterlink:hover {color: #00476a; text-decoration:underline;}
a.webmasterlink:active {color: #00476a; text-decoration:none;}

.righttext {text-align: right; margin: 0 0 15px 0;}

.warning {color: #990000;}

.enquiryform {margin: 0; padding: 10px; border: 1px solid #76ad1c; font-size: 0.9em;}
form {padding: 0; margin: 0;}
.formfield {margin: 3px 0;}
.formlabel {width: 30%; float: left; font-weight: bold; margin: 0 5px 0 0;}

.map {border: 1px solid #76ad1c;}

li.pdf {margin: 0 15px; padding: 0 0 5px 5px; list-style-image: url('../images/adobereader.gif')}
li.ppt {margin: 0 15px; padding: 0 0 5px 5px; list-style-image: url('../images/ppt.gif')}
li.doc {margin: 0 15px; padding: 0 0 5px 5px; list-style-image: url('../images/doc.gif')}
li.xls {margin: 0 15px; padding: 0 0 5px 5px; list-style-image: url('../images/xls.gif')}
li.web {margin: 0 15px; padding: 0 0 5px 5px; list-style-image: url('../images/web.gif')}
li.install {margin: 0 15px; padding: 0 0 5px 5px; list-style-image: url('../images/install.gif')}
li.nobull {margin: 0 20px; padding: 0 0 5px 0; list-style: none;}

.newlinkthumb {margin: 3px;}

.faqquestion {cursor: pointer; font-weight: bold; margin: 10px 0 10px 14px; text-indent: -14px}
.openanswer {color: #76ad1c;}
.closedanswer{color: #00476a;}

.articlelink {font-weight: bold; margin: 5px 0;}
.news_image {float: right; margin: 0 0 15px 15px;}
.news_selector_form {font-size: 0.8em;}
.newstext {}

#referrerform {display: none; font-size: 0.9em; border: 2px dotted #0093d9; padding: 10px;}

.box {float: left; margin: 3px; overflow: hidden;}
.boxcontent {position: relative; padding: 10px; width: 150px; height: 160px; cursor: pointer;}
.boxheading {font-size: 1.3em;}

#p1 {position: absolute; bottom: 0; left: 10px; text-align: center;}
#p2 {text-align: center;}
#p3 {position: absolute; bottom: 0; left: 35px; text-align: center;}
#p4 {position: absolute; bottom: 20px; left: 10px; text-align: left;}
#p5 {text-align: center;}
#p6 {position: absolute; top: 50px; right: 10px; text-align: right;}
#p7 {position: absolute; bottom: 0; left: 35px; text-align: center;}
#p8 {}
#p9 {position: absolute; bottom: 0; left: 10px; text-align: left;}

.boxheading a {text-decoration: none; color@ #194D7C;}
.ledge {background-position: left top; background-image: url('../members/images/l.gif'); background-repeat: repeat-y;}
.uedge {background-position: right top; background-image: url('../members/images/u.gif'); background-repeat: repeat-x;}
.redge {background-position: right top; background-image: url('../members/images/r.gif'); background-repeat: repeat-y;}
.bedge {background-position: left bottom; background-image: url('../members/images/b.gif'); background-repeat: repeat-x;}
.ulcorner {background-position: left top; background-image: url('../members/images/tl.gif'); background-repeat: no-repeat;}
.urcorner {background-position: right top; background-image: url('../members/images/tr.gif'); background-repeat: no-repeat;}
.blcorner {background-position: left bottom; background-image: url('../members/images/bl.gif'); background-repeat: no-repeat;}
.brcorner {background-position: right bottom; background-image: url('../members/images/br.gif'); background-repeat: no-repeat;}

.poppanel {
	position: absolute;
	background: #bbbcbe;
	border: 5px solid #0093d9;
	padding: 10px;
	width: 500px;
	height: 450px;
	top: 0;
	left: 0;
	margin: 65px 0 0 15px;
	font-family: arial,helvetica,clean,sans-serif;
	z-index: 10;
	display: none;
}

.handle {background: #00476a; border: 1px solid #0093d9; color: #ffffff; cursor: move; margin: 0 0 10px 0; padding: 3px; text-transform: uppercase; font-size: 0.9em;}

.popcontent
{
	background: #ffffff;
	height: 85%;
	position: absolute;
	top: 45px;
	right: 10px;
	margin: 0 0 0 10px;
	padding: 5px;
	overflow: auto;
}