/* Dark Blue #272374; */
/* Light Blue #ccccff; */
/* Pale Blue #e7e8ff; */
/* Red #f26030; */

body {
	background: #ccccff;
	font-size: medium;
	color: #000000;
	font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
}

.noscreen {display: none;}

.floatright {float: right;}
.floatleft {float: left;}

.floatleftimage {float: left; margin: 0 10px 10px 0;}
.floatrightimage {float: right; margin: 0 0 10px 10px;}

.main {width: 960px; border: 0 none ; margin: 0 auto; padding: 0; color: #000000; background: transparent url('images/main_bg.gif') top left repeat-y;}

.header {clear: both; width: 100%; border: 0 none; padding: 0; margin: 0; color: #000000; background: transparent url('images/header_bg.gif') bottom left no-repeat;}

.strap {float: right; text-align: right; margin: 10px 20px;}
.strap1 {font-size: 1.0em; font-weight: bold; color: #f26030;}
.strap2 {font-size: 0.9em; color: #272374; margin: 3px;}

.menutop {clear: both; width: 100%; min-height: 25px; border: 0 none; padding: 0; margin: 0; color: #000000; background: transparent url('images/footer_bg.gif') top left no-repeat;}
.menubottom {clear: both; width: 100%; height: 25px; border: 0 none; padding: 0; margin: 0; color: #000000; background: transparent url('images/header_bg.gif') bottom left no-repeat;}

ul.topmenu {margin: 0; padding: 20px 0 0 20px; color: #272374; font-size: 0.85em;}

li.topmenu {display: inline; background: transparent; padding: 0; margin: 2px; letter-spacing: 1px; list-style-type: none;}
li.topmenu a {text-decoration: none; color: #272374;}
li.topmenu a:visited {text-decoration: none; color: #272374;}
li.topmenu a:hover {text-decoration: underline; color: #f26030;}
li.topmenu a:active {text-decoration: none; color: #272374;}

li.topmenuthis {display: inline; background: transparent; padding: 0; margin: 2px; letter-spacing: 1px;}
li.topmenuthis a {text-decoration: none; color: #f26030;}
li.topmenuthis a:visited {text-decoration: none; color: #f26030;}
li.topmenuthis a:hover {text-decoration: underline; color: #272374;}
li.topmenuthis a:active {text-decoration: none; color: #f26030;}

.maincontainer {clear: both; width: 910px; border: 0 none; padding: 0; margin: 0 0 0 20px;}
.maincontent {float: right; width: 720px; margin: 0 0 20px 0; padding: 0; font-size: 0.9em;}
.maincontentleft {float: left; width: 560px; margin: 0; padding: 0; font-size: 0.9em; position: relative;}
.maincontentright {float: right; width: 150px ;margin: 0; padding: 0; font-size: 0.9em;}
.leftpanel {float: left; width: 190px; margin: 0 0 20px 0; font-size: 0.9em; min-height: 500px; height: expression(this.height > 500 ? 500 : true);}

.footertop {clear: both; width: 100%; min-height: 30px; border: 0 none; padding: 0; margin: 0; color: #000000; background: transparent url('images/footer_bg.gif') top left no-repeat;}
.footer {clear: both; width: 100%; border: 0 none; padding: 0; margin: 0; color: #000000; background: transparent url('images/main_bg.gif') top left repeat-y;}

.logo {margin: 10px 0 15px 15px; float: left;}

.bottomcurves {clear: both; width: 100%; height: 30px; border: 0 none; padding: 0; margin: 0; color: #000000; background: url('images/bottomcurve_bg.gif') bottom left no-repeat;}
.topcurves {clear: both; width: 100%; height: 30px; border: 0 none; padding: 0; margin: 0; color: #000000; background: url('images/topcurve_bg.gif') top left no-repeat;}
.spacercurves {clear: both; height: 5px; margin: 0px; background: #ccccff;}

.col2left {float:left; width: 45%;}
.col2right {float:right; width: 45%;}

.calltoaction {margin: 15px 0 0 0; text-align: center;}
.address {font-size: 0.8em; color: #272374; padding: 0; margin: 0; text-align: center; display: none;}
.phone {font-size: 0.8em; color: #272374; margin: 0; padding: 10px 0; text-align: center;}
.companyinfo {font-size: 0.7em; color: #666666; padding: 0; margin: 0; text-align: center; display: none;}

.copyright {float: right; margin: 3px 20px; padding: 0; font-size: 0.7em; color: #666666;}
.webmaster {float: left; margin: 3px 20px; padding: 0; font-size: 0.7em; color: #666666;}

img {border: 0 none;}
image {border: 0 none;}

form {padding: 0; margin: 0;}

.enquiryform {width: 95%;}
.formfield {margin: 5px;}
.formfieldwide {margin: 5px 10px;}
.formlabel {width: 35%; float: left; font-weight: bold; margin: 0 5px 0 5px;}
.formlabelwide {width: 75%; float: left; font-weight: bold; margin: 0 5px 0 5px;}

.button {font-weight: bold; cursor: pointer;}
.smallbutton {font-size: 0.9em; cursor: pointer; margin: 0;}
.plaintextbox {border: 0 none; font-weight: bold;}
.smalltextbox {font-size: 0.8em;}
.smallselect {font-size: 0.8em;}

h1 {font-size: 1.5em; color: #272374;}
h2 {font-size: 1.3em; color: #272374;}
h3 {font-size: 1.1em; color: #272374;}
h4 {font-size: 1.1em; color: #000000;}
h4.table {font-size: 1.1em; color: #272374; margin: 0;}
h5 {font-size: 1em; color: #272374;}
h6 {font-size: 1em; color: #000000;}

.spacer {clear: both; height: 5px; margin: 0px;}
.separator {clear: both; height: 1px; margin: 0px; font-size: 0.1em;}

.menuheading {margin: 9px 3px 0 12px; color: #272374; font-weight: bold;}

ul.menu {font-size: 0.9em; font-weight: normal; padding: 0; margin: 0 3px 9px 3px; list-style-type: none;}

li.menu {color: #272374; padding: 0; margin: 3px 0; list-style-type: none;}
li.menu a {text-decoration: none; color: #272374;}
li.menu a:visited {text-decoration: none; color: #272374;}
li.menu a:hover {text-decoration: underline; color: #f26030;}
li.menu a:active {text-decoration: none; color: #272374;}

li.menuthis {color: #f26030; padding: 0; margin: 3px 0; list-style-type: none;}
li.menuthis a {text-decoration: none; color: #f26030;}
li.menuthis a:visited {text-decoration: none; color: #f26030;}
li.menuthis a:hover {text-decoration: underline; color: #272374;}
li.menuthis a:active {text-decoration: none; color: #f26030;}

ul.leftlinks {font-size: 0.8em; font-weight: normal; padding: 0; margin: 0 3px 9px 3px; list-style-type: none;}
li.leftlink {margin: 0 0 0 5px; text-indent: -10px;}

ul.rightlinks {font-size: 1em; font-weight: normal; padding: 0; margin: 0 3px 9px 3px; list-style-type: none;}
li.rightlink {margin: 0 0 0 5px; text-indent: -10px;}

.menubullet {width: 7px; height: 7px; margin: 0 2px 2px 0; padding: 0;}

.house {color: #272374; font-weight: bold;}
.boldred {color: #f26030; font-weight: bold;}
.larger {font-size: 1.2em;}
.smaller {font-size: 0.8em;}
.centered {text-align: center;}
.quote {font-size: 0.7em; margin: 10px; font-style: italic;}
.underlined {text-decoration: underline;}
.context {font-size: 0.85em;}
.clickable {cursor: pointer;}
.righttext {text-align: right;}

hr {clear: both; height: 1px; color: #272374; border: 1px solid #272374; margin: 10px 0;}
hr.table {clear: both; height: 1px; color: #272374; border: 1px solid #272374; margin: 3px 0;}

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

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

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

li.pdf {list-style-image:url('images/adobereader.gif'); padding: 0 0 10px 10px;}

li.web {list-style-image:url('images/ie.gif'); padding: 0 0 10px 10px;}

li.xls {list-style-image:url('images/xls.gif'); padding: 0 0 10px 10px;}

li.doc {list-style-image:url('images/doc.gif'); padding: 0 0 10px 10px;}

.box {width: 100%; margin: 0;}
.boxleft {width: 170px; margin: 0;}
.boxcontent {padding: 10px;}
.ledge {background-position: left top; background-image: url('images/sl.gif'); background-repeat: repeat-y;}
.uedge {background-position: right top; background-image: url(images/su.gif); background-repeat: repeat-x;}
.redge {background-position: right top; background-image: url(images/sr.gif); background-repeat: repeat-y;}
.bedge {background-position: left bottom; background-image: url(images/sb.gif); background-repeat: repeat-x;}
.ulcorner {background-position: left top; background-image: url(images/stl.gif); background-repeat: no-repeat;}
.urcorner {background-position: right top; background-image: url(images/str.gif); background-repeat: no-repeat;}
.blcorner {background-position: left bottom; background-image: url(images/sbl.gif); background-repeat: no-repeat;}
.brcorner {background-position: right bottom; background-image: url(images/sbr.gif); background-repeat: no-repeat;}
.boxheading {margin: 0; text-align: center; font-weight: bold;}
.boxheading a {text-decoration: none;}
.boxtext {margin: 3px 0;}
.boxul {margin: 0 0 0 20px;}
.boxli {padding: 3px 0;}

div.menuwrap {position:relative; float:left; margin: 0 0 5px 0; width: 170px; background: #e7e8ff;}
div.menuwrap div {position:absolute; width: 14px; height: 14px;}
div.menuwrap div.mtl{background:transparent url(images/mtl.gif) top left no-repeat; left:0; top:0;}
div.menuwrap div.mtr{background:transparent url(images/mtr.gif) top right no-repeat; right:0; top:0;}
div.menuwrap div.mbr{background:transparent url(images/mbr.gif) bottom right no-repeat; right:0; bottom:0;}
div.menuwrap div.mbl{background:transparent url(images/mbl.gif) bottom left no-repeat; left:0; bottom:0;}

div.imgwrap {position:relative; float:left; margin: 0 0 10px 0;}
div.imgwrap div{position:absolute; width: 14px; height: 14px;}
div.imgwrap div.tl{background:transparent url(images/itl.gif) top left no-repeat; left:0; top:0}
div.imgwrap div.tr{background:transparent url(images/itr.gif) top right no-repeat; right:0; top:0}
div.imgwrap div.br{background:transparent url(images/ibr.gif) bottom right no-repeat; right:0; bottom:0}
div.imgwrap div.bl{background:transparent url(images/ibl.gif) bottom left no-repeat; left:0; bottom:0}

.mainimage {margin: 0; padding: 0; height: 260px; background: #ffffff;}
ul.mainimages {margin: 0; padding: 0;}
li.mainimages {list-style-type: none; margin: 0; padding: 0;}
.gallery {width: 550px; height: 260px; margin: 0; padding: 0; overflow: hidden;}
#gallery li {display: block;}

.prevnext {font-size: 0.75em; margin: 20px 10px; padding: 5px; border-top: 1px solid #272374;}
.setparams {float: right; font-size: 0.9em;}
.selectlabel {font-size: 0.8em;}

.centresmap {position: relative; text-align: left; margin: 0 0 0 50px; padding: 0;}
.locimage {z-index: 3; position: absolute;}

#fontcontrols {text-align: center; font-weight: bold;}
.increaseSize {padding: 0 0 0 5px; font-size: 1.2em;}
.resetSize {padding: 0 5px; font-size: 1.1em; border-right: 1px solid #000000; border-left: 1px solid #000000;}
.decreaseSize {padding: 0 5px 0 0; font-size: 0.9em;}

.litebgnd {margin: 0 0 2px 0; padding: 5px; color: #00476a; background: #e7e8ff;}
.litebgnd h2 {margin: 0 0 3px 0;}
.litewrap {margin: 0; padding: 0 3px 0 0; color: #00476a; background: #e7e8ff; border-right: 2px solid #ffffff;}
.searchlabel {margin: 0 0 3px 0; font-size: 1em; font-weight: bold; color: #272374;}

.caption {color: #999999; font-size: 0.8em; font-weight: normal; font-style: italic; margin: 5px; padding: 0;}
.rightform {margin: 0 0 10px 10px; text-align: left;}
.rightformlabel {font-size: 0.9em; color: #00476a; font-weight: bold;}
.rightformshortfield {font-size: 1em; color: #00476a; border: 1px solid #bbbcbe; margin: 2px 3px 0 0; width: 100px;}
.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; font-weight: normal; margin: 0; padding: 2px; cursor: pointer;}