@charset "utf-8";
/* CSS Document */

/* body */
html, body { margin:0; padding:0; background:#f7f7f7 url(images/background.gif) repeat-x; }
body { text-align: center; }
body,p{ font-family: Calibri, Arial, sans-serif; font-size:12px; color:#231f20; line-height:1.25em; text-align:justify; }
.mytextfield { height:15px; background-color:#E8E8E8; border:#BABABA solid 1px; font-family:Calibri, Arial; font-size:12px; color:#444444;}
.mytextfield2 { height:15px; border:#BABABA solid 1px; font-family:Calibri, Arial; font-size:12px; color:#444444;}
.mytextfield3 { border:#BABABA solid 1px; font-family:Calibri, Arial; font-size:12px; color:#444444;}
#select { font-family:Calibri, Arial; font-size:12px; color:#444444; }

#home_flash {outline:none;}

#newsDiv {line-height:14px;}
.newsDiv {line-height:14px;}
.newsDivContent { background:url(images/home03.png) left top no-repeat; padding-left:35px; min-height:25px; margin-top:8px;}

/* Font */
.homecontenttext { line-height:17px; }

.productsboldtext{ font-weight: bold; margin-left:22px; }

a:link,  a:visited {color:#175978; text-decoration: underline; }
a:hover {color:#175978; text-decoration: none;}
.productslinktext, a.productslinktext:link,  a.productslinktext:visited {color:#175978; text-decoration: none; }
a.productslinktext:hover {text-decoration: underline;}
a.sublinks:link,  a.sublinks:visited {color:#231f20; text-decoration: none; }
a.sublinks:hover {color:#175978; text-decoration: none;}

.info { background: url(images/info.jpg) 8px 10% no-repeat; padding-left: 28px; }

.footertext, .footertext a {color:#666666; font-size:11px; }
.footertext a:link,  .footertext a:visited { text-decoration: underline; }
.footertext a:hover {text-decoration: none;}


/* Layout */
#outerwrapper01 {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	height:86px;
	width:945px;
	text-align: left;
}

#logo {
	width:298px;
	height:48px;
	top:25px;
	left:3px;
	position: absolute;
}

#nav01 {
	width:32px;
	height:10px;
	top:58px;
	left:360px;
	position: absolute;
	border-left:1px solid #fff;
	padding-left: 50px; 
}

#nav02 {
	width:58px;
	height:10px;
	top:58px;
	left:492px;
	position: absolute;
	border-left:1px solid #fff;
	padding-left: 50px; 
}

#nav03 {
	width:49px;
	height:10px;
	top:58px;
	left:653px;
	position: absolute;
	border-left:1px solid #fff;
	padding-left: 50px; 
}

#nav04 {
	width:67px;
	height:10px;
	top:58px;
	left:802px;
	position: absolute;
	border-left:1px solid #fff;
	padding-left: 50px; 
}

#flashbanner{
	width:963px;
	height:368px;
	margin:auto;
	text-align: left;
	padding-bottom:6px;
}

#outerwrapper02 {
	margin:auto; /* center, not in IE5 */
	width:897px;
	text-align: left;
	padding: 0 24px;
	/*background:url(images/bluesymbol.png) 0 0 no-repeat fixed;*/
}

#homeleft {
	float:left;
	width:416px;
	height:280px;
	background:url(images/bluesymbol.png) 106px 0 no-repeat ;
	text-align: justify;
	/*position:relative;*/
}

#homeimg {
	/*top:0;
	left:0x;
	position: absolute;*/
	float:left;
	display:inline;
	margin: 0 6px 0 0;
}

#hometitle{
	/*top:21px;
	left:143px;
	position: absolute;*/
	display:block;
	margin:21px 0 8px 143px;
}

#homeright {
	float:right;
	width:416px;
	height:280px;
	background:url(images/bluesymbol.png) 112px 0 no-repeat;
	text-align: justify;
}

/*#homeimggrey{
	display:block;
	margin-right:9px;
}

#newsevents{
	width:265px;
	margin-left:150px;
	margin-top:14px;
	background:url(images/home03.png) 0 auto no-repeat;
	
}

#ne{
	padding-left:32px;
	
}*/

#outerwrapper03 {
	margin:auto;
	width:945px;
	margin-top:20px;
}

#subnav {
	float:left;
	width:204px;
	padding-right:27px;
}

.subnav01 {
	margin-top:5px;
	margin-left:40px;
	
}

.selection {
	margin-right:10px;
}

#productscontent {
	float:right;
	width:713px;
	/*background:#d7d7d7;*/
	vertical-align:top;
}

#productscontent02 {
	background:#d7d7d7;
}

#productstable{
	width:685px;
	margin:auto;
}
#productstable tr td { vertical-align:top; text-align:left;}

div#supportcontent { padding:5px 20px; background:#d7d7d7;}

.td{ width:217px; padding-right:17px; }
.td2{ width:217px; }
.td1b{ width:260px; padding-right:17px; }
.td2b { width:408px; }

.td3, .td4 { padding-top:10px; padding-bottom:25px; }
.td3{ padding-right:17px; }

.ul{
	padding-left:20px;
	margin:0;
}

#footer{
	margin:35px auto 15px auto;
	width:945px;
	text-align: left;
}

/* top navigation */
#menu {
height:31px;
margin-top:58px;
padding:0;
float: right;
}

#menu ul {
margin: 0;
padding: 0 50px;
list-style-type: none;
float: left;
border-left:1px solid #fff;
}

#menu ul#last {
padding-right: 30px;
}

#menu ul li a {
font: 12px calibri, helvetica, sans-serif;
display: block;
margin: 0;
padding: 0;
color: #FFFFFF;
/*background: #333333;*/
text-decoration: none;
}
/*
#menu ul li a:hover {
background: #515151;
}
*/
#menu ul li ul {
display: none;
padding: 0;
border: #464646 solid 1px;
position: absolute;
background: #333;
}


#menu ul li ul li a {
color: #ADADAD;
font-size:11px;
font-family: calibri, helvetica, sans-serif;
background: #333;
padding:7px 10px 7px 10px;
border-bottom: #464646 solid 1px;
}

#menu ul li ul li a:hover {
color: #fff;
background: #333;
}

div#menu ul li:hover ul
{display: block;}

div#menu ul ul,
div#menu ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul
{display: block;}

a.menu01 {
	display: block;
	width: 32px;
	height: 10px;
	text-decoration: none;
	background: url(images/nav01.png);
	}

a.menu01:hover {
	
	}

a.menu02 {
	display: block;
	width: 58px;
	height: 10px;
	text-decoration: none;
	background: url(images/nav02.png);
	}

a.menu02:hover {
	
	}

a.menu03 {
	display: block;
	width: 49px;
	height: 10px;
	text-decoration: none;
	background: url(images/nav03.png);
	}

a.menu03:hover {
	
	}
	
a.menu04 {
	display: block;
	width: 67px;
	height: 10px;
	text-decoration: none;
	background: url(images/nav04.png);
	}

a.menu04:hover {
	
	}
	
.displace {
	position: absolute;
	left: -5000px;
	}
