@import url(/common3/com.css);
/*Left icon and drop down menus - 800 wide 221+30+489+30=770 (chrome) */
body{margin:0;padding:0;color:#000;background:#FFF url(images/bg.gif) repeat fixed top left;font:normal normal 75% arial,verdana,geneva,helvetica,sans-serif}
#canvas{position:relative;width:770px;margin:0 auto;height:auto !important;height:100%;min-height:100%;
background:#FFF url(images/menu.gif) repeat-y top left;border-top:0px solid #FFF}
#header{margin:0;padding:0;background:#C8C8C8 url(/images/header.jpg) repeat-x top left;height:96px}
#menu{position:absolute;top:150px;left:0;width:221px;margin:0;color:#000;background:transparent}
#content{position:relative;top:0px;width:auto;min-width:120px;padding:0 30px 6em 30px;overflow:visible;clear:both;margin:0}
#footer{width:489px;position:absolute;bottom:0;background:#FFF url(images/hr.gif) no-repeat top;padding:10px 30px 0}
#content,#footer{margin-left:221px}
#leftb{width:221px}
* html #leftb{width:221px}

p{margin:0;padding:5px 0 3px 0;letter-spacing:0;text-align:justify}
.colour{color:#039;background:transparent;font-weight:bold}
.small{font-size:.9em}
.large{font-size:1.3em}
.warning{padding:3px 0;color:#900;background:transparent;font-size:.9em;text-align:center}
blockquote{margin:0 5%;padding:0 0 8px 0;font-style:italic;font-size:.9em;text-align:center}
h1,h2,h3{text-align:left}
h4,h5,h6{text-align:center}
kbd{font:normal normal 100% verdana,arial,geneva,helvetica,sans-serif}
marquee{width:50%}
h1{padding:20px 0 16px 0;color:#639;background:transparent;font-size:1.6em}
h2{padding:20px 0 0 0;color:#000;background:transparent;font-size:1.2em}
h3,h4{padding:3px 0 3px 0;color:#000;background:transparent;font-size:1em}
h1,h2,h3,h4,h5,h6{border:none;margin:0;font-style:normal;font-weight:bold;text-decoration:none;vertical-align:middle}
h5{color:#639;background:transparent;font-size:1.2em}
h6{color:#639;background:transparent;font-size:1.2em;font-style:italic;font-weight:normal;text-align:center}
input.form,textarea.form,select.form{border:1px solid #06C;width:50%;color:#009;background:#FFF}
input.readonly,textarea.readonly{background:#EEE}
select.form{width:51%}
div.form{width:465px;color:#000;background:#EFF6FC;text-align:left;border:1px solid silver;padding:10px;margin:10px 0px 0 0px;font-weight:normal;max-width:500px}
table.form{width:465px;border:1px solid #CCC;padding:0 10px;margin:10px 10px 0 10px;color:#000;background:#FFEFD5;font:normal 10pt arial,helvetica,sans-serif;text-align:left}
a{text-decoration:none}
a:link{color:#03F;background:transparent}
a:visited{color:#03F;background:transparent}
a:hover{color:#639;background:transparent;text-decoration:underline}
a:active{color:#039;background:transparent}
hr{margin:0;padding:0;width:100%;color:#039;background:transparent;height:2px}
ul{list-style:none;height:auto}
* html ul{height:1%}
ol,ul{letter-spacing:0;text-align:left;margin:6px 10px 5px 0;padding:0}
ul li{color:#639;background-color:transparent;background:url(images/bullet.gif) no-repeat 0 3px;line-height:20px;margin:0;padding:0 0 5px 20px}
ol li{margin:0 10px 5px 30px;padding:0 0 5px 0px}
dl,dt,dd{margin:0;padding:5px 10px 0 10px;color:#669;background:transparent;font-weight:normal;letter-spacing:0;text-decoration:none}
dt{list-style:url(images/bullet.gif)}
dd{padding:5px 20px 0 20px}
/*Layout*/
#content p{line-height:145%}
#footer p{color:#639;background:transparent;font-size:.8em;text-align:center}

#leftb{position:fixed;bottom:10px;margin-left:auto;margin-right:auto;text-align:center;z-index:1}
* html #leftb{position:absolute;bottom:10px}
#right,#fright{border:1px solid #FC0;padding:0;color:inherit;background:#FF9}
#right{position:absolute;z-index:1}
#right h2,#fright h2{padding:5px 10px}
#right p{padding:2px 10px}
#fright p{line-height:normal}
#fright{float:right;width:170px;margin-left:10px;z-index:1}
* html #fright{width:170px}
#left,#fleft{border:1px solid #FC0;padding:0;color:inherit;background:white}
#left{position:absolute;z-index:1}
#left h2,#fleft h2{padding:3px 10px}
#left p{padding:2px 10px}
/*Position control*/
#right{width:170px;padding:0;border-width:1px;right:10px}
* html #right{width:170px}
#right{top:170px}
#left{width:170px;padding:0;border-width:1px;left:23px}
* html #left{width:170px}
#left{top:200px}
/*Navigation mainl*/
#menubar{position:absolute;top:0px;left:0;width:100%;min-width:570px;height:32px;color:#CCC;
background:transparent;padding:0;margin:0;z-index:200}
#menu ul{padding:0;text-align:right}
#menu a span{display:none;text-align:center}
#menu ul li{display:none;margin:0;padding:0 0 30px 0;font-size:11px;line-height:normal;color:#000;background:transparent none;z-index:100}
#menu ul li a{color:#000;background:transparent;text-decoration:none}
#menu ul li a:hover{color:#639;background:#D7E6F9}
#menu ul li a:hover span{display:block;position:absolute;left:5px;top:-66px;width:500px;padding:0;
text-align:left;color:#639;background:transparent none;font-weight:normal;z-index:200;text-transform:none}

#menu ul #li-contact{display:block;position:absolute;top:-160px;left:-10px;width:70px;text-align:center;text-transform:uppercase;
background:transparent url(images/contact.jpg) no-repeat;padding-top:72px;margin:10px;font-size:9px;}
#menu ul #li-contact a{color:#EEF;background:transparent;padding:50px 0px 10px}
#menu ul #li-contact a:hover{color:#639;background:transparent none}
#menu ul #li-contact a:hover span{left:5px;top:86px;text-align:left}
#menu ul #li-contact select{display:none}

#menu ul #li-index{display:block;position:absolute;top:-88px;right:-364px;width:90px;text-align:center;text-transform:uppercase;
background:#BAC none;padding:6px 0;font-size:10px}
#menu ul #li-index a{color:#EEF;background:transparent;padding:5px 15px 5px 10px}
#menu ul #li-index a:hover{color:#639;background:transparent none}
#menu ul #li-index a:hover span{left:-240px;top:22px;text-align:right}
#menu ul #li-index select{display:none}
#inl{position:absolute;top:63px;right:275px;z-index:250}
#inr{position:absolute;top:63px;right:180px}

#menu ul #li-about{display:block;position:absolute;top:-88px;right:-449px;width:90px;text-align:center;text-transform:uppercase;
background:#A8B none;padding:6px 0;font-size:10px}
#menu ul #li-about a{color:#EEF;background:transparent;padding:5px 15px 5px 10px}
#menu ul #li-about a:hover{color:#639;background:transparent none}
#menu ul #li-about a:hover span{left:-325px;top:22px;text-align:right}
#menu ul #li-about select{display:none}
#abl{position:absolute;top:63px;right:190px;z-index:250}
#abr{position:absolute;top:63px;right:95px}

#menu ul #li-members{display:block;position:absolute;top:-88px;right:-534px;width:90px;text-align:center;text-transform:uppercase;
background:#86A none;padding:6px 0;font-size:10px}
#menu ul #li-members a{color:#EEF;background:transparent;padding:5px 10px}
#menu ul #li-members a:hover{color:#639;background:transparent none}
#menu ul #li-members a:hover span{left:-410px;top:22px;text-align:right}
#menu ul #li-members select{display:block;position:absolute;top:45px;right:545px;width:125px;font-size:1em;background:#FFF none;text-transform:none}
#gnl{position:absolute;top:63px;right:105px;z-index:250}
#gnr{position:absolute;top:63px;right:10px}

#menu ul #li-products{display:block;margin-right:3px;background:transparent url(images/bullet.gif) no-repeat 68px 2px}
#menu-products{margin:1px;padding:1px 0 1px 10px;float:left}

#menu ul #li-distributors{display:block;margin-right:3px;background:transparent url(images/bullet.gif) no-repeat 68px 2px}
#menu-distributors{margin:1px;padding:1px 0 1px 10px;float:left}

#menu ul #li-sitemap{display:block;margin-right:3px;background:transparent url(images/bullet.gif) no-repeat 68px 2px}
#menu-sitemap{margin:1px;padding:1px 0 1px 10px;float:left}

#menu ul #li-tutorial{display:block;margin-right:3px;background:transparent url(images/bullet.gif) no-repeat 68px 2px}
#menu-tutorial{margin:1px;padding:1px 0 1px 10px;float:left}

#menu ul #submenu-tutorial{display:block;margin-right:3px}

select.nav{width:125px;font-size:10px}

#fright p{line-height:normal}
#header img{float:left;margin:0 0 0px 70px;border:0}
#header p{font-size:20px;text-align:right;margin-left:100px}
#header p.title{font-size:35px;font-weight:bold;text-align:left;padding:0;letter-spacing:5px}
#header p.title img{float:right;margin:0px 0px 0 -30px}
#header p.title a{text-decoration:none;color:#039;background:transparent}
#header p.title a:hover{color:#000;background:transparent}
/*Event Table*/
p.event,p.eventl{padding:3px 0 3px 5px;text-align:left}
p.eventr{padding:3px 5px 3px 0;text-align:right}
table.events{width:100%;border-left:1px solid #039;border-right:1px solid #039;font-size:1em}
.event1,.event2,.event3,.event4,.eventfoot{border-top:1px solid;border-bottom:1px solid;
border-color:#039;color:inherit;background:#CDF}
.event1{width:15%}
.event2{width:35%}
.event3{width:25%}
.event4{width:25%}
.eventfoot{border-top:1px solid;border-bottom:1px solid}
td h3{margin:0 5px}
table.events a.external:visited,a.external:link{color:#03F;background:inherit}
.panel{width:25%;height:1%;border:1px solid #06c;padding:5px;color:#039;background-color:#CDF}
fieldset{border:none}
legend{color:#000;padding-left:0}
div table.data{width:80%;margin:0 auto}
div table.dataf{width:50%;margin:0 auto}
table.data{text-align:right;border:0;padding:0;margin:0 10px;font-size:0.9em}
.datab{padding:5px 0 0 0}
.datac{padding:0;text-align:center}
.datar{padding:0;text-align:right}
.datab,.datac,.datar{margin:0 10px;font-size:0.9em}
input.qty{border:1px solid #06C;width:40px;color:#009;background:transparent;font-size:.8em}
#leftb a:hover{text-decoration:none}