* { margin: 0; padding: 0; border: 0; font-family:"Trebuchet MS"; }

.footerfont {color:#6699cc; font-size:10px;}
.footerfont a:hover {color:#6699cc; font-size:10px; text-decoration:underline;}
.footerfont a{color:#6699cc; font-size:10px; text-decoration:none;}
.desnote {color:#FF0000; font-weight:bold;}
.marquee {color:#0066FF; font-weight:bold;}

body {
	margin-top:40px;
	margin-bottom:40px;
	padding: 0px 350px 0px 350px;
	text-align: center;
	background-color:#D2E9FF;
	font-size:12px;
}

.smallprint {font-size:10px;}
		
#sizer {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 50%;
	max-width: 30px;  /* version for IE is at the bottom of this style block */
	}

#expander {
	margin: 0 -350px 0 -350px;
	width: 780px;
	position: relative;
	color:#000000;
	text-align:justify;
	height: 100%;
}

#main {
text-align:left;
width:100%;
line-height:120%;
font-size:13px;
color:#000033;
}

#main li a {
background-color:#fff;
color:#09c;
text-decoration:none;
}

#main li a:hover {
background-color:#09c;
color:#fff;
text-decoration:none;
}

#main .right {
float:right;
font-size:10px;
padding: 10px 0px 10px  10px;
}

#main .left {
float:left;
font-size:10px;
padding: 10px 10px 10px  0px;
}

#main td {
padding:5px;
}

#leftmenuhead {
width:199px;
height:9px;
background-image:url(../img/navbacktop.gif);
background-repeat:no-repeat;
}

#leftmenufoot {
width:199px;
height:9px;
background-image:url(../img/navbackbottom.gif);
background-repeat:no-repeat;
}

#leftmenu {
width:199px;
/*height:420px;*/
background-image:url(../img/navback.gif);
background-repeat:repeat-y;
}

#leftcontact {
width:199px;
height:255px;
background-image:url(../img/quickcontactbg_mech.jpg);
background-repeat:no-repeat;
color:#fff;
font-weight:bold;
padding-left:0px;
margin-top:5px;
/*_margin-top:0px;*/
}


#leftaddress {
width:185px;
background-image:url(../images/addressbox.gif);
background-repeat:no-repeat;
padding-left:15px;
padding-top:7px;
color:#FFFFFF;
font-size:12px;
}

#leftaddress a {
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}



/*TRIO BOX */

#triobox {
width:100%;
display:block;
float:left;
}

#trioboxcell{
display:block;
float:left;
width:193px;
clear:none;
margin:0px;
padding:0px;
}
#trioboxcell2{
display:block;
float:left;
width:193px;
clear:none;
margin:0px;
padding:0px;
}
#trioboxcell3{
display:block;
float:left;
width:193px;
clear:none;
margin:0px;
padding:0px;
}

#trioboxtopholder, #trioboxtopholder2 , #trioboxtopholder3 {
background-image:url(../img/triotop.gif);
background-repeat:no-repeat;
height:39px;
width:193px;
margin:0px;
padding:0px;
}
#trioboxtop, #trioboxtop2 , #trioboxtop3 {
padding: 7px 0px 4px 15px;
font-size:15px;
font-weight:bold;
text-transform:uppercase;
color:#0099cc;
}

/* old code
#trioboxmiddle, #trioboxmiddle2, #trioboxmiddle3 {
background-image:url(../img/triomiddle.gif);
background-repeat:repeat-y;
width:193px;
height:310px;
padding: 0px 10px 4px 10px;
font-size:13px;
}
*/


/* Ben CSS 24-5-8 */
#trioboxmiddle, #trioboxmiddle2, #trioboxmiddle3 {
background-image:url(../img/triomiddle.gif);
background-repeat:repeat-y;
width:173px;
height:310px;
padding: 0px 10px 4px 10px;
font-size:13px;
}




#trioboxmiddle  li, #trioboxmiddle2  li, #trioboxmiddle3  li {
background-image:url(../img/bulletpoint.gif);
background-position:top left;
background-repeat:no-repeat;
list-style-type:none;
padding: 0px 10px 15px 15px;
vertical-align:top;
text-align:left;
}

#trioboxmiddle  ul, #trioboxmiddle2  ul, #trioboxmiddle3  ul {
padding:0px 0px 0px 0px;
vertical-align:top;
text-align:left;
}

#trioboxmiddle a, #trioboxmiddle2  a, #trioboxmiddle3  a {
text-decoration:none;
color:#09c;
}
#trioboxmiddle  a:hover, #trioboxmiddle2  a:hover, #trioboxmiddle3  a:hover  {
text-decoration:none;
background-color:#09c;
color:#fff;
}


#trioboxbottom {
background-image:url(../img/triobottom.gif);
background-repeat:no-repeat;
width:193px;
height:16px;
}
#trioboxbottom2 {
background-image:url(../img/triobottom.gif);
background-repeat:no-repeat;
width:193px;
height:16px;
}
#trioboxbottom3 {
background-image:url(../img/triobottom.gif);
background-repeat:no-repeat;
width:193px;
height:16px;
}

/*END TRIO BOX */

#footer {
width:100%;
background-image:url(../images/footer.gif);
background-repeat:no-repeat;
}

#footerhd {
background-image:url(../img/footerhead.gif);
background-repeat:no-repeat;
height:9px;
}

#footermid {
background-image:url(../img/footermiddle.gif);
background-repeat:repeat-y;
}

#footerbottom {
background-image:url(../img/footerbottom.gif);
background-repeat:no-repeat;
height:35px;
padding: 8px 0px 0px 20px;
}

#flashpanel{
	height:341px;
	background-image: url(../img/flash-shadow.gif);
	background-repeat: no-repeat;
	width: 580px;
	padding-bottom: 5px;
}

#divheadtop{
height:6px;
background-image:url(../img/divheadertop.gif);
}

#divheadmiddle{
height:3px;
background-image:url(../img/divheadermiddle.gif);
padding: 5px 0px 4px 15px;
}

#divheadbottom{
height:5px;
background-image:url(../img/divheaderbottom.gif);
}


H1 {
font-size:15px;
font-weight:bold;
text-transform:uppercase;
color:#000066;
}

H1 a {
text-decoration:underline;
color:#000066;
}

H1 a:hover {
text-decoration:none;
color:#000033;
}


H2 {
font-size:13px;
font-weight:bold;
color:#000066;
}


/* This seems like an extraneous class as the H1 tag handles this. SCT 20090208. 
.headlink{
text-decoration:none;
color:#0099cc;
}

.headlink:hover{
text-decoration:none;
color:#0033FF;
}
*/

#divbg {

background-image:url(../img/divbg.gif);
background-repeat:repeat-y;
padding-left:15px;
padding-right:15px;
}

#divbg li {
background-image:url(../img/bulletpoint.gif);
background-position:left top;
background-repeat:no-repeat;
list-style-type:none;
padding-left:20px;
line-height:18px;
}

#divbg ul {
padding-left:20px;
vertical-align:top;
}



#divbg blockquote {
padding-left:20px;
}

#divbg hr {
color:#E8E8FF; 
width:80%;
}

#divbg a {
text-decoration:none;
color:#09c;
}

#divbg a:hover {
text-decoration:none;
color:#fff;
background-color:#09c;
}


#divbottom {
background-image:url(../img/divbottom.gif);
background-repeat:no-repeat;
height:15px;
/*width:580px;*/
}

#divsubnav {
display:block;
clear:both;}

/*
.divsubnavbut {
display:block;
float:left;
background-image:url(../img/but_nav_off.gif);
background-repeat:no-repeat;
padding: 16px 0px 0px 14px;
height:53px;
font-weight: bold;
text-decoration:none;
	font-size: 14px;
	text-align:left;
	color:#000033;
}
.divsubnavbut:hover {
display:block;
float:left;
background-image:url(../img/but_nav_on.gif);
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;	
}
*/


#divcasestudy {
background-image:url(../images/csback170.jpg);
background-repeat:no-repeat;
background-position:center;
height:170px;
width:170px;
vertical-align:top;
padding:4px;

}

#footermenu li
{
display: inline;
list-style-type: none;
font-size:12px;
color:#FFFFFF;
}

#footermenu a  {
color:#FFFFFF;
text-decoration:none;
padding-left:5px;
}

#footermenu a:hover {
color:#99ccff;
}

.bar {
border-right:2px solid #66cccc;
padding-right:4px;
}

#sidemenu ul
{
list-style-type: none;
font-size: 15px;
line-height:120%;
}

#sidemenu li { margin: 0 0 0px 0; }

#sidemenu a
{
padding-left:15px;
display: block;
width: 175px;
}

#sidemenu a:link, .sidelist a:visited
{
color: #EEE;
text-decoration: none;
}


#sidemenu a:hover
{
background-image:url(../img/menusel.gif);
background-repeat:no-repeat;
background-position:left;
color: #99ccff;
}

.active a:link, .active a:visited, .active a:hover
{
background-image: url(../img/menusel.gif);
background-repeat:no-repeat;
background-position:left;
color: #333;
font-weight:bold;
text-decoration:none;
}



.menuitem
{
font-weight:bold;
}

#quicksearch {
padding: 8px 0px 0px 15px;
}



#product 
{
font-weight:bold;
padding-left:10px;
font-size:12px;
}

#product a:hover {
background-image:url(../images/MenuOver.gif);
background-position:left;
margin-left:-10px;
padding-left:25px;
}


.textfield {
background-image:url(../images/white-Baox-Bottom.gif);
}

.formbutton {
background-color:#0099cc;
color:#FFFFFF;
font-weight:bold;
}

#infobox {
background-color:#0099cc;
color:#FFFFFF;
font-weight:bold;
padding: 15px 15px 15px 15px;
}

#infobox a:hover {
color:#333333;
text-decoration:none;
}

#infobox a {
color:#FFFFFF;
text-decoration:none;
}

.subhead {
font-weight:bold;
font-size:14px;
}

.subhead:hover {
font-weight:bold;
font-size:14px;
}

.doublespace {
line-height: 26px;
}


/*
.qcheafrmbdy{
font-size: 14px; 
color:#FFFFFF;
font-weight:bold;}
*/

.qcbdy{
font-size: 12px; 
color:#FFFFFF;
font-weight:normal;
padding-left:15px;}

.qcbdy a{
font-size: 12px; 
color:#FFFFFF;
font-weight:normal;
text-decoration:none;
}

.qcbdy a:hover{
font-size: 12px; 
color:#FFFFFF;
text-decoration:underline;
}


.qchead{
font-size: 18px; 
color:#FFFFFF;
font-weight:bold;
padding-left:15px;}

.qcfrm{
font-size: 14px; 
color:#FFFFFF;
font-weight:bold;
padding-left:15px;
}

.testimonial{
font-size:13px;
color:#036;
font-weight:normal;
text-align:left;
line-height:12px;
margin-right:12px;
padding-right:12px;
}

.testimonialhd{
font-size:13px;
color:#036;
font-weight:bold;
text-align:left;
}

.testimonialfoot{
font-size:11px;
color:#036;
font-weight:normal;
font-style:italic;
text-align:left;
line-height:12px;
margin-right:12px;
padding-right:12px;
}

.casetabletit{
background-color:#92BEDA;
margin-left:4px;
padding-left:4px;
line-height:150%;
}

.casetabledet{
background-color:#D8E9F3;
margin-left:4px;
padding-left:4px;
line-height:150%;
}

.arrowlinks{
text-decoration:none;
padding: 0 5px 0 5px;
margin: 0 5px 0 5px;
}

.arrowlinks:hover{
text-decoration:none;
background-color:#09c;
padding: 0 5px 0 5px;
margin: 0 5px 0 5px;
color:#fff;
}

.boldtext {
font-weight:bold;
font-size:13px;
}

.pad4 {
padding-left:4px;
}

.formfield {
border:1px;
border-color:#999999;
}

/* AP Layers */

#apDiv1 {
	position:absolute;
	width:770px;
	height:86px;
	z-index:1;
	left: 9px;
}





/* Holly hack for IE \*/
* html #expander { height: 0; }
/* */

/* helps IE get the child percentages right. */
#wrapper { width: 100%;
height:100%
} 
/* CSS Document */