/* Pink #eb0c85; */
/* Light Pink #eb0c85; */
/* Gold #ad9439; */
/* Dark Gold #8C7422 */
/* Bright Gold #dec652; */
/* Grey #e0d0d0; */

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

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

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

.openquotes {font-size: 1.5em; color: #eb0c85; font-weight: bold; margin: 0 3px 0 0;}
.closequotes {font-size: 1.5em; color: #eb0c85; font-weight: bold; margin: 0 0 0 3px;}

.main {width: 940px; border: 0 none ; margin: 0 auto; padding: 0; color: #000000; background: #ffffff; font-size: 0.8em;}

.headingpanel {border: 0 none; padding: 0; margin: 5px 0 0 0;}

.brandinghome {position: relative; float: left; height: 250px; width: 250px; margin: 0; border: 1px solid #bba03f; background: #ffffff url('images/gold_fade.jpg') top left repeat-x;}
.brandinghome p {position: absolute; bottom: 5px; left: 5px; color: #8C7422; font-size: 1.4em;}
.logo {margin: 0 2px 0 3px;}

.brandingimage {position: relative; float: right; width: 680px; height: 250px; margin: 0; padding: 0; border: 1px solid #bba03f;}

li.mainimages {list-style-type: none; margin: 0; padding: 0;}

.gallery {position: absolute; top: 0; left: 0; width: 680px; height: 250px; margin: 0; padding: 0; overflow: hidden;}
#gallery li {display: block;}

.strap {width: 680px; height: 60px; position: absolute; z-index: 4; top: 0; left: 0; margin: 0; padding: 0;}
/* background: #e9d9a1; filter:alpha(opacity=33); -moz-opacity:33%; opacity: 0.33; */
.strapcontent {position: absolute; width: 650px; font-size: 1.75em; font-weight: normal; font-style: italic; color: #ad9439; text-align: left; z-index: 5; top: 12px; left: 12px; margin: 0; font-size: 1.75em; font-weight: normal; font-style: italic; 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; list-style-type: none;}

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

li.tabbedmenu a {text-decoration: none; color: #8C7422; font-weight: bold; margin: 0;}
li.tabbedmenu a:visited {text-decoration: none; color: #8C7422;}
li.tabbedmenu a:hover {text-decoration: none; color: #000000;}
li.tabbedmenu a:active {text-decoration: none; color: #8C7422;}

li.tabbedmenuthis a:link {text-decoration: none; color: #000000; font-weight: bold; margin: 0;}
li.tabbedmenuthis a:visited {text-decoration: none; color: #000000;}
li.tabbedmenuthis a:hover {text-decoration: none; color: #8C7422;}
li.tabbedmenuthis a:active {text-decoration: none; color: #000000;}

.topmenupanel {clear: both; height: 27px; background: #ad9439 url('images/topnav_bg_gold.gif') center left repeat-x; border-top: 3px solid #ffffff; border-bottom: 9px solid #ffffff; width: 100%; margin: 0; padding: 0;}

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

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

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

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

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

.maincontent {width: 100%;	margin: 0; padding: 0; background: #ffffff;}

.mainhome {width: 680px; margin: 0 0 0 30px; padding: 0; float: left; background: #ffffff; text-align: justify;}
.leftcol {width: 250px; margin: 0; padding: 0; float: left; background: #ffffff;}
.maincol {width: 670px; margin: 0; padding: 0; float: right; background: #ffffff;}
.centrecol {width: 460px; margin: 0 0 0 5px; padding: 0; float: left; background: #ffffff;}
.rightcol {width: 186px; margin: 0; padding: 0; float: 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: #000000; background: #e0d0d0; font-size: 0.9em;}
.footerlinks {margin: 12px 12px 0 0;}

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

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

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

.crumbtrail {font-size: 0.85em; color: #8C7422;}

h1 {font-size: 1.3em; color: #8C7422;}
h2 {font-size: 1.2em; color: #8C7422;}
h3 {font-size: 1.1em; color: #8C7422;}
h4 {font-size: 1.0em; color: #8C7422;}
h5 {font-size: 0.9em; color: #8C7422;}
h6 {font-size: 0.9em; color: #000000;}

div.darkpinkwrap {position:relative; margin: 0; padding: 5px 0; width: 186px; color: #000000; background: #e0d0d0;}
div.darkpinkwrap div {position:absolute; width: 166px;}
div.darkpinkwrap div.mtl{width: 10px; height: 10px; background:transparent url(images/mtl.gif) top left no-repeat; left:0; top:0;}
div.darkpinkwrap div.mtr{width: 10px; height: 10px; background:transparent url(images/mtr.gif) top right no-repeat; right:0; top:0;}
div.darkpinkwrap div.mbr{width: 10px; height: 10px; background:transparent url(images/mbr.gif) bottom right no-repeat; right:0; bottom:0;}
div.darkpinkwrap div.mbl{width: 10px; height: 10px; background:transparent url(images/mbl.gif) bottom left no-repeat; left:0; bottom:0;}
div.darkpinkwrap div.tbl{width: 10px; height: 10px; background:transparent; left:0; top:0;}
div.darkpinkwrap div.tbr{width: 10px; height: 10px; background:transparent; right:0; top:0;}
div.darkpinkwrap h4 {color: #eb0c85; padding: 0 10px; display: inline;}

div.headeddarkpinkwrap {position:relative; margin: 0; padding: 5px 0; width: 186px; color: #000000; background: #e0d0d0 url('images/heading_bg_pink.gif') top left repeat-x;}
div.headeddarkpinkwrap div {position:absolute; width: 166px;}
div.headeddarkpinkwrap div.mtl{width: 10px; height: 10px; background:transparent url(images/mtl.gif) top left no-repeat; left:0; top:0;}
div.headeddarkpinkwrap div.mtr{width: 10px; height: 10px; background:transparent url(images/mtr.gif) top right no-repeat; right:0; top:0;}
div.headeddarkpinkwrap div.mbr{width: 10px; height: 10px; background:transparent url(images/mbr.gif) bottom right no-repeat; right:0; bottom:0;}
div.headeddarkpinkwrap div.mbl{width: 10px; height: 10px; background:transparent url(images/mbl.gif) bottom left no-repeat; left:0; bottom:0;}
div.headeddarkpinkwrap div.sbr{width: 10px; height: 10px; background:transparent; right:0; bottom:0;}
div.headeddarkpinkwrap h4 {color: #ffffff; padding: 0 10px; display: inline;}

div.menuwrap {position:relative; margin: 0; padding: 5px 0; width: 250px; color: #ffffff; background: #dec652;}
div.menuwrap div {position:absolute; width: 230px;}
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;}
div.menuwrap h4 {color: #ffffff; padding: 12px; display: inline;}
div.menuwrap p {color: #ffffff; padding: 0 0 0 12px; margin: 0;}

div.pinkmenuwrap {position:relative; margin: 0; padding: 5px 0; width: 250px; color: #000000; background: #E77BAD;}
div.pinkmenuwrap div {position:absolute; width: 230px;}
div.pinkmenuwrap div.mtl{width: 10px; height: 10px; background:transparent url(images/mtl.gif) top left no-repeat; left:0; top:0;}
div.pinkmenuwrap div.mtr{width: 10px; height: 10px; background:transparent url(images/mtr.gif) top right no-repeat; right:0; top:0;}
div.pinkmenuwrap div.mbr{width: 10px; height: 10px; background:transparent url(images/mbr.gif) bottom right no-repeat; right:0; bottom:0;}
div.pinkmenuwrap div.mbl{width: 10px; height: 10px; background:transparent url(images/mbl.gif) bottom left no-repeat; left:0; bottom:0;}
div.pinkmenuwrap h4 {color: #ffffff; padding: 12px; display: inline;}

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

li.menu {color: #000000; padding: 6px 0; margin: 0; list-style-type: none; font-weight: bold; border-bottom: 1px solid #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: #000000;}
li.menu a:active {text-decoration: none; color: #ffffff;}

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

li.menulast {color: #000000; padding: 6px 0 9px 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: #000000;}
li.menulast a:active {text-decoration: none; color: #ffffff;}

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

.rightform {margin: 3px 10px; text-align: left;}
.rightformlabel {font-size: 0.9em; color: #eb0c85;}
.rightformlabelwhite {font-size: 0.9em; color: #ffffff;}
.rightformlabelblack {font-size: 0.9em; color: #000000;}
.rightformshortfield{font-size: 1em; color: #eb0c85; border: 1px solid #e0d0d0; margin: 3px 3px 3px 0; width: 115px;}
.rightformfield {font-size: 1em; color: #eb0c85; border: 1px solid #e0d0d0; margin: 6px 3px 0 0; width: 160px;}
.rightformbutton {font-size: 0.7em; color: #ffffff; font-weight: normal; background: #eb0c85 url('images/button_bg_pink.gif') center left repeat-x;  margin: 3px 0; padding: 2px 1px; border: 0 none; cursor: pointer; display: inline;}

.leftform {margin: 3px 10px; text-align: left;}
.leftformlabel {font-size: 0.9em; color: #eb0c85;}
.leftformlabelwhite {font-size: 0.9em; color: #ffffff;}
.leftformlabelblack {font-size: 0.9em; color: #000000;}
.leftformshortfield{font-size: 1em; color: #eb0c85; border: 1px solid #e0d0d0; margin: 3px 3px 3px 0; width: 150px;}
.leftformfield {font-size: 1em; color: #eb0c85; border: 1px solid #e0d0d0; margin: 6px 3px 0 0; width: 220px;}
.leftformbutton {font-size: 0.7em; color: #ffffff; font-weight: normal; background: #eb0c85 url('images/button_bg_pink.gif') center left repeat-x;  margin: 3px 0; padding: 2px 1px; border: 0 none; cursor: pointer; display: inline;}

#panel_advert_1 {width: 250px; height: 250px; background: #ffffff url('images/left_panel_bg.gif') top right no-repeat; margin: 0; padding: 0; border: 0 none; text-align: left; cursor: pointer;}
#panel_advert_1 h3 {padding: 75px 110px 0 10px; margin: 0; color: #000000;}
#panel_advert_1 p {padding: 10px 110px 10px 10px; margin: 0;}

.calltoaction {text-align: center;}

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

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

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

.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: 40%;}
.col2right {float:right; width: 55%;}

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; font-size: 0.1em;}
.spacer {clear: both; height: 3px; margin: 0px;}
.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;}
.clickable {cursor: pointer;}
.warning {color: #dd0000; font-weight: bold;}

.caption {color: #909090; font-size: 0.8em; font-weight: normal; font-style: italic; margin: 5px; padding: 0;}

hr {clear: both; height: 1px; color: #000000; background: #000000; border: 0 none; margin: 0;}

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

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

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

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

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

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

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.headerlink:link {color: #8C7422; text-decoration:none;} 
a.headerlink:visited {color: #8C7422; text-decoration:none;} 
a.headerlink:hover {color: #000000; text-decoration:underline;}
a.headerlink:active {color: #8C7422; text-decoration:none;}

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

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

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

.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;}
.formlabel140 {width: 140px; 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;}

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

.box {float: left; margin: 0;}
.boxcontent {padding: 0 10px;}
.boxcontenthome {padding: 10px;}
.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;}