/* CSS Document */
html {margin: 0px; padding: 0px; background-color: #e9e7e7;}
body {margin: auto; width:760px; font-family:Arial, Helvetica, sans-serif;; height:100%}

img#logo
{
float:left;
}
div#header
{
width:100%;
background-color:#81C0E7;
vertical-align:bottom;
border-bottom:1px solid white;
margin:0 0 0 0;
float:left;
}

div#topnav
{
float:left;
/* border: 1px 1px 1px 1px solid silver; */
color:#FFFFFF;
margin: 70px 0px 0px 0px;
width:506px;
}

div.topnavitem
{
float:right;
padding:0px 5px 15px 5px;
font-size: 80%;
font-weight:bold;
border-color:#FFFFFF;
border-right:1px solid;
}
A.topnav:LINK, A.topnav:VISITED, A.topnav:ACTIVE, A.topnav:FOCUS
{
color: #FFFFFF;
text-decoration: none;
}
A.topnav:hover
{
color :#EEEEEE;
text-decoration: none;

}

div#submenu
{
width:516px;
float:left;
}
a.submenuitem
{
padding:6px 10px 6px 11px;
background-color:#81C0E7;
height:12px;
float:left;
color:#FFFFFF;
font-size:70%;
font-weight:bold;
border-right: 1px solid #FFFFFF;
}

a.popupitem
{
display: block;
padding:6px 10px 6px 11px;
background-color:#81C0E7;
clear:both;
color:#FFFFFF;
font-weight:bold;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
border-bottom:0px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
width:150px;
}

div.popupcontainer
{
width:150px;
top:89px;
left:0px;
position:absolute;
margin-top: -2px;
background-color:silver;
font-size:70%;
visibility:hidden;
z-index:99;
}
A.popupitem:LINK, A.popupitem:VISITED, A.popupitem:ACTIVE, A.popupitem:FOCUS
{
color: #FFFFFF;
text-decoration: none;
}
A.popupitem:hover
{
color :#EEEEEE;
text-decoration: none;
}

A.submenuitem:LINK, A.submenuitem:VISITED, A.submenuitem:ACTIVE, A.submenuitem:FOCUS
{
color: #FFFFFF;
text-decoration: none;
}
A.submenuitem:hover
{
color :#EEEEEE;
text-decoration: none;
}

div#search
{
float:left;
margin-left:0px;
color:#FFFFFF;
font-size:80%;
}

div#searchbar
{
margin:0px 0px 1px 0px;
clear:both;
width:100%;
background-color:#8C9094;
height:24px;
}

.go
{
padding: 0;
width: 26px;
background-color:#FFFFFF;
height:19px;
font-weight:bold;
font-size: 70%;
margin-top:2px;
border:none;
}

.searchbox
{
margin-top:2px;
width:160px;
height:1em;
padding-right:2px;
}

form#searchform
{
margin:0 0 0 0;
}

div#navtrail
{
padding-top:5px;
background-color:#FFFFFF;
width:100%;
height:21px;
font-size:70%;
}
A.navtrail:LINK, A.navtrail:VISITED, A.navtrail:ACTIVE, A.navtrail:FOCUS
{
color: #0000CC;
}
A.navtrail:hover
{
color :#0000CC;
}
div#navspacer
{
/*border-bottom: 1px solid white;
color:#BBBBBB;
background-color:white;
height:1px;
background-color:#CCFFFF;*/
background-image: url(../images/site/dot_tile.gif);

}

div#leftnav
{
position:absolute;
 left:0px;
top:87px;/*89*/
visibility:hidden;
background-color:#EEEEEE;
width:150px;

float:left;

}

div.leftnavitem
{
background-color:#E2E2E2;
padding: 5px 11px 6px 11px;
font-size:75%;
border-bottom: 1px solid #FFFFFF;
}

A.leftnav:LINK, A.leftnav:VISITED, A.leftnav:ACTIVE, A.leftnav:FOCUS
{
color: #000000;
text-decoration:none;
}
A.leftnav:hover
{
color :#444444;
text-decoration:none;
}

div#content
{
margin: 12px 12px 12px 12px;
}

div#fullwidthcontent
{
margin:12px 12px 12px 7px;
width:526px;
float:left;
}

div#centre
{
font-size:70%;
}

div.footertext
{
margin: 7px 0px 0px 543px;
}

A.footerlink:LINK, A.footerlink:VISITED, A.footerlink:ACTIVE, A.footerlink:FOCUS
{
color: #FFFFFF;
text-decoration:none;
}
A.footerlink:hover
{
color :#EEEEEE;
text-decoration:none;
}


div#flashborder
{
width:760px;
height:15px;
background-color:#8C9094;
}

div#lefttext
{
/* border:1px solid black; */
width:232px;
margin: 16px 26px 16px 12px;
float:left;
}
img#left
{
clear:both;
margin-bottom:10px;
}
img#centre
{
clear:both;
margin-bottom:10px;
}
div#centretext
{
width:232px;
margin: 16px 26px 16px 12px;
float:left;
}
div#news
{
margin-left:18px;
float:left;
}
div.newscontainer
{
background-color: #E2EBF2;
width: 190px;
}
div.newsitem
{
border-top: 1px dotted ;
background-color: #E2EBF2;
padding: 5px 5px 5px 5px;
color:white;

}
div.newstext
{
color:#000000;
}

A.newslink:LINK, A.newslink:VISITED, A.newslink:ACTIVE, A.newslink:FOCUS
{
color: #000000;
}
A.newslink:hover
{
color :#444444;
}

h5
{
margin-bottom:0px;
color: #0F4471;
font-size:110%;
}


H4
{
margin-bottom:5px;
color:#02034F;
}

A.downloadlink:LINK, A.downloadlink:VISITED, A.downloadlink:ACTIVE, A.downloadlink:FOCUS
{
color: #000000;
}
A.downloadlink:hover
{
color :#444444;
}
div.download
{
margin-top:5px;
}

div.thumbnail
{
/* float:left; */
clear:both;
margin-top:12px;
border:1px solid #FFFFFF; /*  needed this for middle to work*/
vertical-align:middle;
}
img.thumbnail
{
float:left;
margin-right:12px;
margin-bottom:5px;
}
A.productlink:LINK, A.productlink:VISITED, A.productlink:ACTIVE, A.productlink:FOCUS
{
color: #000000;
text-decoration: none;
}
A.productlink:hover
{
color :#555555;
text-decoration: none;

}

div.producttitle
{

font-size:120%;
font-weight:bold;
}

input.kit
{
	border :  1px ;
	border-style:solid;	
}

textarea.kit
{
	border :  1px ;
	border-style:solid;	
}

A:LINK, A:VISITED, A:ACTIVE, A:FOCUS
{
color:#000000;
}

#wrap {
width:798px;
background: url('/images/site/left.gif') repeat-y;
padding-left:19px;
}
#innerwrap {
width:760px;
background: right url('/images/site/right.gif') repeat-y;
padding-right:19px;
background-color: #FFFFFF;
}
div#footer
{
background-color:#81C0E7;
height:30px;
width:100%;
clear:both;
color:#FFFFFF;
font-size:75%;
font-weight:bold;
}
#bottom
{
height:24px;
width:798px;
background: url('/images/site/bottom_shadow.gif') no-repeat;
}