body {
font-family: 'trebuchet ms',verdana,arial,tahoma,helvetica,sans-serif;
font-size: medium;
color: #000000;
margin: 0 auto;
background: #efefef;
}

.noscreen {display: none;}

.floatright {float: right;}
.noteright {float: right; color: #666666; font-style: italic; padding: 10px 0 0 0;}

.mainbody {
width: 960px;
color: #000000;
background: #ffffff;
padding: 0px;
margin: 10px auto;
border: 1px solid #808080;
position: relative;
}

.header {
position: relative; 
height: 165px;
font-size: 1em;
padding: 0;
margin: 0;
text-align: left;
background: #ffffff url('images/swoosh_plain_960.jpg') top left no-repeat;
}

img {border: 0 none;}

.iframe {border: 1px solid #808080;}

.logoimage {margin: 0; float: left;}

.sectionlogo {margin: 0 25px 0 0; float: right;}

.strap {color: #e8153a; font-size: 1.5em; font-style: italic; position: absolute; bottom: 40px; right: 25px; width: 600px; text-align: right;}
.strap a {color: #e8153a; text-decoration: none;}
.strap a:visited {color: #e8153a; text-decoration: none;}
.strap a:hover {color: #e8153a; text-decoration: none;}
.strap a:active {color: #e8153a; text-decoration: none;}

.titlebox {position: absolute; top: 95px; right: 0px; width: 200px; margin: 0 20px 12px 0; z-index: 5;}

.separator {clear: both; height: 1px; font-size: 0.1em; margin: 0; padding: 0; background: transparent;}

.spacer {clear: both; height: 10px; font-size: 0.1em; margin: 0; padding: 0; background: transparent;}

.homeimages {clear: both; margin: 0; padding: 0 0 25px 35px;}

.homeboxtext {margin: 0; color: #ffffff; font-style: italic; font-size: 0.9em; text-align: center;}

p.homeintro {color: #444444; margin: 0 0 10px 35px; font-size: 1.1em; width: 640px; font-weight: bold;}

p.hometext {margin: 0 0 15px 35px; font-size: 1em;}

h2.homeintro {color: #444444; margin: 0 0 10px 35px;}

h1.mainintro {margin: 0 0 10px 35px; font-size: 1.4em;}

h2.mainintro {color: #444444; margin: 0 0 10px 35px;}

h3.mainintro {color: #444444; margin: 0 0 25px 35px; font-size: 1.2em; width: 640px; font-weight: bold;}

.widehomeboxcontent h3 {color: #8c0800; margin: 0 0 5px 0; font-size: 1.2em;}

.widehomeboxcontent h4 {color: #e8153a; margin: 0 0 5px 0;}

.widehomeboxcontent p {margin: 2px 0 3px 0; color: #000000; font-size: 1em;}

.widehomeboxmain {width: 100%; height: 110px; overflow: auto;}
.widehomeboxmain p {margin: 2px 0 3px 0; color: #000000; font-size: 1em;}

.widehomeboxleft {width: 49%; float: left; height: 110px; overflow: auto;}
.widehomeboxleft p {margin: 2px 0 3px 0; color: #000000; font-size: 1em;}

.widehomeboxright {width: 49%; float: right;  height: 110px; overflow: auto;}
.widehomeboxleft p {margin: 2px 0 3px 0; color: #000000; font-size: 1em;}

.listtitle {font-weight: bold}

ul.menu {margin: 0 0 0 10px; text-align: left; color: #000000; padding: 0;}

.menu li {color: #8c0800; padding: 0 0 0 0; margin: 5px 0 5px 5px; font-weight: normal; color: #e8153a;}
.menu li a {text-decoration: none; color: #8c0800;}
.menu li a:visited {text-decoration: none; color: #8c0800;}
.menu li a:hover {text-decoration: underline; color: #e8153a;}
.menu li a:active {text-decoration: none; color: #8c0800;}

ul.submenu {padding: 0; margin: 0 0 0 0; text-align: left; color: #000000; list-style: none; font-size: 0.95em; display: none;}

.submenu li {color: #000000; padding: 0 0 0 0; margin: 0 0 0 10px; text-indent: -10px; font-weight: normal;}
.submenu li a {text-decoration: none; color: #8c0800;}
.submenu li a:visited {text-decoration: none; color: #8c0800;}
.submenu li a:hover {text-decoration: underline; color: #e8153a;}
.submenu li a:active {text-decoration: none; color: #8c0800;}

.tradelogosm {
text-align: center;
padding: 0;
margin: 0;
}

.tradelogom {margin: 5px 50px; padding: 0;}

.footer {
width: 100%;
text-align: left;
font-size: 0.75em;
padding: 0;
margin: 10px 0 0 0;
line-height: 150%;
border-top: 2px solid #ad0031;
background: #ffffff;
}

.homerightcol {float: right; width: 690px; margin: 0 5px 0 0; padding: 0;}

.homeleftcol {float: left; width: 200px; margin: 0 0 10px 35px; padding: 0;}

.maincontainer {
width: 100%;
font-size: 1em;
padding: 0;
margin: 0 auto;
}

.maincontent {margin: 0px; font-size: 0.75em;}

.mainrightcol {float: right; width: 690px; margin: 0 5px 0 0; padding: 0;}

.mainleftcol {float: left; width: 200px; margin: 0 0 10px 35px; padding: 0;}

.leftcolmain {float: left; width: 935px; margin: 0 0 10px 0; padding: 0;}

.mainrightcontent {float: left; width: 670px; margin: 0; padding: 0;}

.maincontentright {float: right; width: 670px; margin: 0; padding: 0;}
.maincontentright p {text-align: justify;}

.maincontentrightwide {float: right; width: 760px; margin: 0; padding: 0;}
.maincontentrightwide p {text-align: justify;}

.introcontent {width: 445px;}

.maincontentleft {float: left; width: 220px; margin: 0 0 10px 20px; padding: 0;}

.maincontentleftnarrow {float: left; width: 130px; margin: 0 0 10px 20px; padding: 0;}

.newspanel {float: right; width: 200px; margin: 80px -5px 25px 0; padding: 0 0 0 25px;}

.rightcolmain {float: right; width: 220px; margin: 160px 0 0 0; padding: 0;}

.contentleft {float: left; width: 50%; margin: 0 0 10px 0; padding: 0; clear: both; display: block;}
.contentleftbold {float: left; width: 50%; margin: 0 0 10px 0; padding: 0; clear: both; display: block; font-weight: bold;}
.contentright {float: right; width: 50%; margin: 0 0 10px 0; padding: 0; clear: both; display: block;}

.calltoaction {text-align: center;}
.navtext {margin: 0 0 0 10px; text-indent: -9px;}
.navthis {font-weight: bold; color: #e8153a;}
.subnavtext {font-size: 0.95em; margin: 0 0 0 20px; text-indent: -10px;}
.number {font-weight: bold; margin: 5px 0 0 0;}
.counter {width: 5%; float: left; text-align: right; font-weight: bold;}
.prodlist {width: 95%; float: right; text-align: left;}
.smalltextbox {margin: 0 0 3px 0; font-size: 0.8em;}
.prodcode {}
.prodsummary {margin: 0 0 5px 35px;}

.homeimagesbg {width: 100%; margin: 0; padding: 15px 0; border-top: 2px solid #808080; border-bottom: 2px solid #808080; background: #ffffff url('images/homeimagesbg.jpg') top left no-repeat;}

.topmenupanel {background: #ad0031 url('images/topnavbg.gif') left center repeat-x; border-top: #c0c0c0 1px solid; border-bottom: #c0c0c0 1px solid; width: 100%; padding: 2px 0; margin: 0 0 25px 0;}

.topmenupanel2 {background: #ad0031 url('images/topnavbg.gif') left center repeat-x; border-bottom: #c0c0c0 1px solid; width: 100%; padding: 2px 0; margin: 0 0 25px 0;}

.topmenublank {background: #ffffff; border-top: #ffffff 1px solid; border-bottom: #ffffff 1px solid; width: 100%; padding: 2px 0; margin: 0 0 25px 0;}

ul.topmenu {margin: 0 0 0 10px; text-align: left; color: #000000; padding: 0; list-style-type: none;}

.topmenu li {color: #8c0800; padding: 0 0 0 0; margin: 5px 0 5px 0; font-weight: normal; color: #e8153a; display: inline;}
.topmenu li a {text-decoration: none; color: #8c0800;}
.topmenu li a:visited {text-decoration: none; color: #8c0800;}
.topmenu li a:hover {text-decoration: underline; color: #e8153a;}
.topmenu li a:active {text-decoration: none; color: #8c0800;}

ul.newslinks {margin: 0; padding: 0; list-style-type: none;}
li.newslink {margin: 0 0 3px 0; padding: 0;}

.header1 {
width: 100%;
font-size: 1em;
padding: 0;
margin: 0;
text-align: left;
border-bottom: 2px solid #ad0031;
background: #ffffff url('images/header_left_300.jpg') top left no-repeat;
}

.header2 {
width: 100%;
font-size: 1em;
padding: 0;
margin: 0;
text-align: left;
border-bottom: 2px solid #ad0031;
}

.header3 {
width: 100%;
font-size: 1em;
padding: 0;
margin: 0;
text-align: left;
}

.header p {margin: 10px; color: #ffffff; font-weight: bold; font-size: 1.25em;}

.header1 p {margin: 10px; color: #ffffff; font-weight: bold; font-size: 1.25em;}

.header2 p {margin: 10px; color: #ffffff; font-weight: bold; font-size: 1.25em;}

.header3 p {margin: 10px; color: #ffffff; font-weight: bold; font-size: 1.25em;}

.smallfooter {font-size: 0.9em;}

.webmastercontainer {
width: 960px;
text-align: center;
padding: 0;
margin: 0 auto;
}

.tradelogos {
width: 960px;
text-align: center;
padding: 0;
margin: 0 auto;
}

.tradelogo {margin: 5px 25px; padding: 0;}

.brandlogos {margin: 25px 0; padding: 0;}

.webmaster {margin: 0; padding: 0; font-size: 0.7em; color: #999999;}

.footertext {color: #666666; margin: 5px;}

.floatedboxes {float: left; margin: 0 0 0 0;}

.tight {margin: 0; padding: 0;}

.righttext {font-size: 0.75em; text-align: right;}

.smaller {
font-size: 0.8em;
}

.larger {
font-size: 1.2em;
}

.caption {
font-size: 0.6em;
}

.bullet {vertical-align: middle; margin: 3px 3px 3px 0;}

.bulletline {vertical-align: text-bottom; margin: 0 3px 0 0;}

.centered {text-align: center;}

.maintext {margin: 0px; padding: 5px;}

.maintext li{line-height: 2em;}

.indentedtext {margin: 0 0 3px 25px; padding: 0px;}

.centeredtext {text-align: center; margin: 0; padding: 0;}

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

.highlighted {font-weight: bold; color: #ad0031;}

.button {cursor: pointer;}

.smallbutton {font-size: 0.8em; cursor: pointer;}

select {color: #000000; background: #ffffff; padding: 1px; margin: 0; border: 1px solid #999999; font-size: 0.9em;}

.submit {font-weight: bold; cursor: pointer;}

.nav_button {font-size: 0.8em; cursor: pointer; width: 150px; margin: 2px 0px 3px 0px;}

.boldbutton {font-weight: bold; margin: 5px; cursor: pointer;}

.subtitle {font-size: 1.2em; color: #ffffff;}

.callus {font-weight: bold; font-size: 1.2em; color: #e8153a; margin: 0; padding: 0;}

.pricestyle {font-size: 1.2em;}

.leftcol {width: 200px; margin: 0; padding: 0; text-align: left; float: left;}
.rightcol750 {width: 750px; float: right; margin: 0 0 0 0;}

.columns {clear: both; padding: 10px;}
.leftcol30 {width: 30%; float: left;}
.leftcol40 {width: 40%; float: left;}
.leftcol50 {width: 50%; float: left;}
.leftcol60 {width: 60%; float: left;}
.leftcol70 {width: 70%; float: left;}
.leftcol80 {width: 80%; float: left;}
.leftcol500 {width: 500px; float: left;}

.mainleft {width: 450px; float: left;}
.mainright {width: 300px; float: right;}

.rightcol {float: right;}
.rightcol30 {width: 30%; float: right; text-align: left;}
.rightcol60 {width: 60%; float: right; text-align: center;}
.rightcol200 {width: 200px; float: right;}

.form {margin: 0; padding: 0;}
.formfield {margin: 10px;}
.formlabel {width: 210px; float: left; font-weight: bold; margin: 0 10px 0 0;}
.formlabel30 {width: 30%; float: left; font-weight: bold; margin: 0 10px 0 0;}
.formlabel50 {width: 50%; float: left; font-weight: bold; margin: 0 10px 0 0;}
.formlabelwide {width: 75%; float: left; font-weight: bold; margin: 0 10px 0 0;}

hr {color: #999999; height: 1px; border-bottom: 1px #c0c0c0 solid; margin: 5px;}

.underlined {text-decoration: underline;}

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

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

a.boxlink{color: #000000; text-decoration: none; font-weight: bold; font-size: 1.4em; text-transform: capitalize;}
a.boxlink:visited{text-decoration: none;}
a.boxlink:hover{text-decoration: underline;}
a.boxlink:active{text-decoration: none;}

a.navLink{color: #000000; text-decoration: none; font-weight: bold; font-size: 0.85em; letter-spacing: 1px;}
a.navLink:visited{text-decoration: none; font-weight: bold; font-size: 0.85em; letter-spacing: 1px;}
a.navLink:hover{text-decoration: none; font-weight: bold; font-size: 0.85em; letter-spacing: 1px;}
a.navLink:active{text-decoration: none; font-weight: bold; font-size: 0.85em; letter-spacing: 1px;}

a.navLinkthis{color: #000000; text-decoration: none; font-weight: bold; font-size: 0.85em; letter-spacing: 1px;}
a.navLinkthis:visited{text-decoration: none; font-weight: bold; font-size: 0.85em; letter-spacing: 1px;}
a.navLinkthis:hover{text-decoration: none; font-weight: bold; font-size: 0.85em; letter-spacing: 1px;}
a.navLinkthis:active{text-decoration: none; font-weight: bold; font-size: 0.85em; letter-spacing: 1px;}

a.smallboxlink{color: #000000; text-decoration: none; font-weight: bold; font-size: 1.1em; text-transform: capitalize;}
a.smallboxlink:visited{text-decoration: none;}
a.smallboxlink:hover{text-decoration: underline;}
a.smallboxlink:active{text-decoration: none;}

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

a.webmasterlink{color: #999999; text-decoration: none; font-style: italic;} 
a.webmasterlink:visited{text-decoration: none;} 
a.webmasterlink:hover{text-decoration: underline;}
a.webmasterlink:active{text-decoration: none;}

a.copyrightlink{color: #999999; text-decoration: none;} 
a.copyrightlink:visited{text-decoration: none;} 
a.copyrightlink:hover{text-decoration: underline;}
a.copyrightlink:active{text-decoration: none;}

div.rndwrap {position:relative; background: #000099; color: #ffffff; margin: 10px; padding: 15px; width: 75%}
div.rndwrap div{position:absolute; width: 14px; height: 14px;}
div.rndwrap div.tl{background:transparent url(images/tl_trans.gif) top left no-repeat; left:0; top:0}
div.rndwrap div.tr{background:transparent url(images/tr_trans.gif) top right no-repeat; right:0; top:0}
div.rndwrap div.br{background:transparent url(images/br_trans.gif) bottom right no-repeat; right:0; bottom:0}
div.rndwrap div.bl{background:transparent url(images/bl_trans.gif) bottom left no-repeat; left:0; bottom:0}

.thinborder {margin: 0; padding: 5px; background: #FDFAF3; border: 1px solid #755B2A;}

.searchbox {margin: 0; padding: 5px; background: #FDFAF3; border: 1px solid #755B2A;}

ul.navigation {
		list-style-type: none;
		padding: 0;
		margin: 25px 0 0 5px;
		color: #ad0031;
		}
		
ul.navigation li {font-size: 0.85em; font-weight: normal; padding: 5px 0 0 0; background: transparent; border-bottom: 0px dotted #333e8e;}
ul.navigation li a {text-decoration: none; color: #000000; font-weight: normal; padding: 0px; letter-spacing: 1px;}
ul.navigation li a:visited {color: #000000; text-decoration: none;}
ul.navigation li a:hover {color: #ad0031; text-decoration: underline;}
ul.navigation li a:active {color: #ad0031; text-decoration: none;}

ul.subnavigation {
		list-style-type: none;
		padding: 0;
		margin: 0;
		width: 200px;
		}
		
ul.subnavigation li {font-size: 0.95em; font-weight: normal; padding: 5px 5px 5px 0; background: transparent; border-bottom: 0px dotted #333e8e;}
ul.subnavigation li a {color: #000000; text-decoration: none; font-weight: bold; padding: 0px; letter-spacing: 1px;}
ul.subnavigation li a:visited {color: #000000; text-decoration: none;}
ul.subnavigation li a:hover {color: #ad0031; text-decoration: underline;}
ul.subnavigation li a:active {color: #ad0031; text-decoration: none;}

.subnav {
	font-size: 0.9em;
	color: #000000;
	width: 180px;
	letter-spacing: 1px;
}

a.subnav:link {color: #000000; text-decoration:none; font-weight: bold;} 
a.subnav:visited {color: #000000; text-decoration:none; font-weight: bold;} 
a.subnav:hover {color: #ad0031; text-decoration:underline; font-weight: bold;}
a.subnav:active {color: #ad0031; text-decoration:none; font-weight: bold;}

a.submenunavlink:link {color: #000000; text-decoration:none; font-weight: bold;} 
a.submenunavlink:visited {color: #000000; text-decoration:none; font-weight: bold;} 
a.submenunavlink:hover {color: #ad0031; text-decoration:underline; font-weight: bold;}
a.submenunavlink:active {color: #ad0031; text-decoration:none; font-weight: bold;}

.menubullet {margin: 0 3px 0 0;}

.submenubullet {margin: 0 3px 0 20px;}

.box {float: left; margin: 12px 0 0 12px;}

.box_large {width: 350px; float: left; margin: 0 0 12px 12px;}

.box_small {width: 133px; float: left; margin: 0 0 12px 12px; text-align: center}

.box_left {width: 180px; float: left; margin: 0 0 12px 0;}

.box_right {width: 200px; margin: 0 0 12px 0;}

.box_home {float: left; width: 140px; margin: 0 10px 10px 0;}

.box_home_highlighted {float: left; width: 140px; margin: 0 10px 10px 0; background: #ffeff7;}

.box_home_a {float: left; width: 130px; margin: 0 5px 5px 0;}

.wide_box_home_a {float: left; width: 535px; margin: 0 5px 0 0;}

.regularboxcontent {padding: 10px;}

.boxcontent {padding: 10px;}

.centeredboxcontent {padding: 10px; text-align: center;}

.smallboxcontent {padding: 10px; font-size: 0.85em;}

.rightboxcontent {padding: 10px;}

.boxrightcontent {padding: 10px; font-size: 1em;}

.ledge {background-position: left top; background-image: url('images/l.gif'); background-repeat: repeat-y}
.uedge {background-position: right top; background-image: url(images/u.gif); background-repeat: repeat-x}
.redge {background-position: right top; background-image: url(images/r.gif); background-repeat: repeat-y}
.bedge {background-position: left bottom; background-image: url(images/b.gif); background-repeat: repeat-x}
.ulcorner {background-position: left top; background-image: url(images/tl.gif); background-repeat: no-repeat}
.urcorner {background-position: right top; background-image: url(images/tr.gif); background-repeat: no-repeat}
.blcorner {background-position: left bottom; background-image: url(images/bl.gif); background-repeat: no-repeat}
.brcorner {background-position: right bottom; background-image: url(images/br.gif); background-repeat: no-repeat}

  .tledge { background-position: left top; background-image: url(images/blank.gif); background-repeat: repeat-y }
  .tuedge { background-position: right top; background-image: url(images/blank.gif); background-repeat: repeat-x }
  .tredge { background-position: right top; background-image: url(images/blank.gif); background-repeat: repeat-y }
  .tbedge { background-position: left bottom; background-image: url(images/blank.gif); background-repeat: repeat-x }
  .tulcorner { background-position: left top; background-image: url(images/tlt.gif); background-repeat: no-repeat }
  .turcorner { background-position: right top; background-image: url(images/trt.gif); background-repeat: no-repeat }
  .tblcorner { background-position: left bottom; background-image: url(images/blt.gif); background-repeat: no-repeat }
  .tbrcorner { background-position: right bottom; background-image: url(images/brt.gif); background-repeat: no-repeat }
  
h1{
font-size: 1.3em;
color: #8c0800;
margin-top: 12px;
}

h2{
font-size: 1.2em;
font-weight: bold;
color: #8c0800;
}

h2.centered{
font-size: 1.2em;
font-weight: bold;
color: #8c0800;
text-align: center;
}

h3{
font-size: 1em;
font-weight: bold;
color: #8c0800;
margin: 10px 0 10px 0;
}

h3.centered{
font-size: 1em;
font-weight: bold;
color: #8c0800;
text-align: center;
}

h4{
font-size: 1em;
font-weight: bold;
color: #000000;
}

h5{
font-size: 0.9em;
color: #8c0800;
}

h6{
font-size: 0.9em;
color: #8c0800;
}

.homeFlash {width: 760px; height: 100%; position: absolute; left: 12px; margin-left: 0; top: 83px; margin-top: 0; z-index: 0;}
.homeblank {width: 760px; height: 100%; position: absolute; left: 12px; margin-left: 0; top: 83px; margin-top: 0; z-index: 5;}

.enquiryform {margin: 0; font-size: 0.9em;}
.form {padding: 0; margin:0;}
.formfield {margin: 5px 0;}
.formlabel {width: 25%; float: left; font-weight: bold; margin: 0 5px 0 5px;}
.formlabelwide {width: 50%; float: left; font-weight: bold; margin: 0 5px 0 5px;}
.rightformlabel {width: 35%; float: left; font-weight: bold; margin: 0 5px 0 5px; text-align: right;}

.newsrow {clear: both; margin: 5px 0;}
.newstitle {width: 75%; float: left; font-weight: bold; margin: 0 5px 0 5px;}

#slide {float: right; visibility: visible; position: relative; width: 260px; margin: 0 10px 0 0;}

#popup {font-size: 0.85em; color: #ff6600; font-weight: bold; margin: 0 10px 0 0;}

#dimage {float: left; width: 460px; margin: 0 10px 0 10px;}

li.pdf {margin: 0 15px; padding: 0 0 5px 5px; list-style-image: url('../images/pdf.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;}

fieldset {margin: 5px 0;}