/* WB CSS Document */
<style type="text/css">
/*restricted colours for WB web site*/
.lightblue{color:#DEE4F3}
.midblue{color:#C3CEEA}
.darkblue{color:#316FB8}
.gold{color:#9B853C}
.white{color:#FFFFFF}

/* Change text links appearance */
A:link { text-decoration: none; color :#316fb8 }
A:visited { text-decoration: none; color :#9b853c }
A:hover {color:#000000}
A:active { text-decoration: none; color :#6666ff }
/*style for main body sumbit buttons */

.submitbutton50{
	background-color: #9b853c;
	color: white;
	font-size: 8pt;
	width:50px;
	text-align: center;
}
.submitbutton50:hover {
color:#white;
background-color: #bea956;
font-size: 8pt;
text-align: center;
width:50px
}
.submitbutton50selected{
background-color: #CCCCCC;
color: #9b853c;
font-size: 8pt;
text-align: center;
width:50px;
}
.submitbutton50selected:hover {
color:#9b853c;
background-color: white;
font-size: 8pt;
text-align: center;
width:50px
}
.submitbutton50disabled{
color: white;
background-color: #CCCCCC;
font-size: 8pt;
text-align: center;
width:50px
}

.submitbutton100{
background-color: #9b853c;
color: white;
font-size: 8pt;
width:100px;
}
.submitbutton100:hover {
color:#white;
background-color: #bea956;
font-size: 8pt;
width:100px
}
.submitbutton100selected{
background-color: #CCCCCC;
color: #9b853c;
font-size: 8pt;
width:100px;
}
.submitbutton100selected:hover {
color:#9b853c;
background-color: white;
font-size: 8pt;
width:100px
}
.submitbutton100disabled{
color: white;
background-color: #CCCCCC;
font-size: 8pt;
width:100px
}
.submitbutton150{
background-color: #9b853c;
color: white;
font-size: 8pt;
width:150px;
}
.submitbutton150:hover {
color:#white;
background-color: #bea956;
font-size: 8pt;
width:150px
}
.submitbutton150selected{
background-color: #CCCCCC;
color: #9b853c;
font-size: 8pt;
width:150px;
}
.submitbutton150selected:hover {
color:#9b853c;
background-color: white;
font-size: 8pt;
width:150px
}
.submitbutton150disabled{
color: white;
background-color: #CCCCCC;
font-size: 8pt;
width:150px
}
.submitbutton200{
background-color: #9b853c;
color: white;
font-size: 8pt;
width:200px;
}
.submitbutton200:hover {
color:white;
background-color: #bea956;
font-size: 8pt;
width:200px
}
.submitbutton200selected{
background-color: #CCCCCC;
color: #9b853c;
font-size: 8pt;
width:200px;
}
.submitbutton200selected:hover {
color:#9b853c;
background-color: white;
font-size: 8pt;
width:200px
}
.submitbutton200disabled{
color: white;
background-color: #CCCCCC;
font-size: 8pt;
width:200px
}
.submitbutton{
background-color: #9b853c;
color: white;
font-size: 8pt;
font-weight:bold;
}
.submitbutton:hover {
color:#white;
background-color: #bea956;
font-size: 8pt;
font-weight:bold;
}
.submitbuttonselected{
background-color: #CCCCCC;
color: #9b853c;
font-size: 8pt;
font-weight:bold;
}
.submitbuttonselected:hover {
color:#9b853c;
background-color: white;
font-size: 8pt;
font-weight:bold;
}
.submitbuttondisabled{
color: white;
background-color: #CCCCCC;
font-size: 8pt;
font-weight:bold;
}
.bodytext10{
font-family: Arial, Times, serif;
font-size: 10pt;
color: #000000;
}
.bodytext8{
font-family: Arial, Times, serif;
font-size: 8pt;
color: #000000;
}
.bodytext6{
font-family: Arial, Times, serif;
font-size: 8pt;
color: #000000;
}
.bodytext8_blue{
font-family: Arial, Times, serif;
font-size: 8pt;
color: #316fb8;
}
.fieldlabel10{
font-family: Arial, Times, serif;
font-size: 10pt;
color: #000000;
font-weight:bold
}
.fieldlabel10_blue{
font-family: Arial, Times, serif;
font-size: 10pt;
color: #316fb8;
font-weight:bold
}
.fieldlabel10_lightblue{
font-family: Arial, Times, serif;
font-size: 10pt;
color: #DEE4F3;
font-weight:bold
}
.support_login_info{
font-family: Arial, Times, serif;
font-size: 8pt;
color: #FF0000;
font-weight: bold;
}
.green8pt_bold{
font-family: Arial, Times, serif;
font-size: 8pt;
color: #009900;
font-weight: bold;
}

/*remove underscore from header link anchors*/
a.h1{
	font-family: Arial, Times, serif;
	font-size: 28pt;
	color: #316fB8;
	valign: top;	
	align: center;
	text-decoration:none;
	font-weight:bold
}
a.h2 {
	font-family: Arial, Times, serif;
	font-size: 16pt;
	color: #9B853C;
  font-weight: bold;
	valign: top;
	align: center;
	text-decoration:none 
}
a.footer_gold {
	font-family: Arial, Times, serif;
	font-size: 8pt;
	color: #9B853C;
	valign: bottom;
	align: left;
	font-weight:bold;
	text-decoration:none  
}
a.footer_gold:hover {
color:#316fb8
}
a.body_gold {
	font-family: Arial, Times, serif;
	font-size: 10pt;
	color: #9B853C;
	valign: bottom;
	font-weight:bold;
	align: left;
	text-decoration:none 
}
a.body_gold:hover {
color:#316fb8
}

a.buttoncell {
	color: #FFFFFF;
	border:none
}
/*starting opacity for image mouseover DOES NOT SEEM TO WORK UNLESS MOVED TO TEMPLATE*/
/*img
{
-moz-opacity:1;filter:alpha(opacity=100);cursor:hand
}*/

/* redefine H1 as for search engine optimisation weighting */
H1 {
	font-family: Arial, Times, serif;
	font-size: 28pt;
	color: #316FB8;
	valign: top;	
	align: center
}

/* redefine H2 as gold text for strap line */
H2 {
	font-family: Arial, Times, serif;
	font-size: 16pt;
	color: #9B853C;
	valign: top;
	align: center 
}
.footer_gold {
	font-family: Arial, Times, serif;
	font-size: 8pt;
	bgcolor: #9B853C;
	color: #000000;
	valign: bottom;
	align: left 
}
.field_label {
	font-family: Arial, Times, serif;
	font-size: 10pt;
	color: #000000;
	valign: bottom;
	align: left 
}
.menu_light {
	font-family: Arial, Times, serif;
	font-size: 8pt;
	color: #000000;
	valign: center;
	align: center
}
.menu_mid {
	font-family: Arial, Times, serif;
	font-size: 8pt;
	color: #000000;
	valign: center;
	align: center
}
.menu_dark {
	font-family: Arial, Times, serif;
	font-size: 8pt;
	color: #000000;
	valign: center;
	align: center 
}


.homepage{
position: relative;
z-index: 0;
}

.homepage:hover{
background-color: transparent;
z-index:50;
}

.homepage span{ /*CSS for switch image*/
position: absolute;
background-color: #FFFFFF;
padding: 0px;
left: 0px;
/*border: 1px dashed gray;*/
border:none;
visibility: hidden;
color: black;
text-decoration: none;
}

.homepage span img{ /*CSS for switched image*/
border-width: 0;
padding: 0px;
}

.homepage:hover span{ /*CSS for switched image 0 indicates in place*/

visibility: visible;
top: 220px;
left: 0px
}

.prodrange{
position: relative;
z-index: 0;
}

.prodrange:hover{
background-color: transparent;
z-index:50;
}

.prodrange span{ /*CSS for switch image*/
position: absolute;
background-color: #FFFFFF;
padding: 0px;
left: 0px;
/*border: 1px dashed gray;*/
border:none;
visibility: hidden;
color: black;
text-decoration: none;
}

.prodrange span img{ /*CSS for switched image*/
border-width: 0;
padding: 0px;
}

.prodrange:hover span{ /*CSS for switched image 0 indicates in place*/
visibility: visible;
top: 80px;
left: 0px
}

.samples{
position: relative;
z-index: 0;
}

.samples:hover{
background-color: transparent;
}

.samples span{ /*CSS for switch image*/
position: absolute;
background-color: #FFFFFF;
padding: 0px;
left: 50px;
/*border: 1px dashed gray;*/
border:none;
visibility: hidden;
color: black;
text-decoration: none;
}

.samples span img{ /*CSS for switched image*/
border-width: 0;
padding: 0px;
}

.samples:hover span{ /*CSS for switched image 0 indicates in place*/
position:absolute;
visibility: visible;
top: -200px;
left: 0px;
z-index:50
}
.samplesbutton
{
-moz-opacity:1;
filter:alpha(opacity=100);
cursor:hand;
border:0
}


.service{
position: relative;
z-index: 0;
}

.service:hover{
background-color: transparent;
z-index:50;
}

.service span{ /*CSS for switch image*/
position: absolute;
background-color: #FFFFFF;
padding: 0px;
left: 0px;
/*border: 1px dashed gray;*/
border:none;
visibility: hidden;
color: black;
text-decoration: none;
}

.service span img{ /*CSS for switched image*/
border-width: 0;
padding: 0px;
}

.service:hover span{ /*CSS for switched image 0 indicates in place*/
visibility: visible;
top: 150px;
left: 0px
}

.glossymenu{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 170px;
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu li a{
background:  url(http://www.dynamicdrive.com/cssexamples/media/glossyback.gif) repeat-x bottom left;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;
}


* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 160px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url(http://www.dynamicdrive.com/cssexamples/media/glossyback2.gif);
}


.goldbutton
{
-moz-opacity:1;
filter:alpha(opacity=100);
cursor:hand;
border:0
}
.bluebutton
{
-moz-opacity:1;
filter:alpha(opacity=100);
cursor:hand;
border:0
}



</style>