body {margin: 0px auto; padding: 0px; width: 777px; background-color:#DFDEEB; font:10px Verdana, Arial, Helvetica, sans-serif; color:#696785; }
h1 {display: block; background-image:url(../images/layout/logo.gif); width: 777px; background-repeat:no-repeat; height:45px; margin: 0px; padding: 0px;}
h1 span {display: none;}
h2 {font:bold 16px Arial, Helvetica, sans-serif; color:#696785;}
h3 {margin: 0px 0px 16px 0px; padding: 0px; font:bold 15px Arial, Helvetica, sans-serif; color:#5E5C8C;}
h4 {margin: 16px 0px 8px 0px; padding: 0px; font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#4781b4;}

.printheader {display: none;}

.hide {display: none;}
a img, img {border:0px; margin:0px; padding:0px; background:none;}

.masthead {position: relative; float: left;}
#page {position: relative; float: left; width: 777px; background-color:#fff;}
#navbar {position: relative; float:left; z-index:100; width: 777px; margin: 0px 0px 16px 0px; padding: 0px; background-color: #fff; background-image:url(../images/layout/navbar.gif); background-repeat:no-repeat;}
#pagecontent {position: relative; float: left; left: 8px; background-image:url(../images/layout/coldivider.gif); background-position: 208px 0px; background-repeat:repeat-y; margin: 0px 0px 8px 0px;}
#leftcol {float: left; width: 200px; }
#rightcol {float: left; width: 544px; margin: 0px 0px 0px 17px;}

#navbar h2 {position: absolute; top: 6px; left: 8px; margin: 0px; padding: 0px; color:#fff;}

#footer {float: left; width:777px; display: block; padding: 3px 0px; background-color:#4781b4;}
#footer p {color:#fff;  text-align:right; margin: 0px 8px 0px 0px;}
#footer a:link, #footer a:visited {color:#fff; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

p {font:10px Verdana, Arial, Helvetica, sans-serif; color:#696785; margin: 8px 0px 0px 0px;}

#rightcol p td{font:8pt Verdana, Arial, Helvetica, sans-serif; color:#696785; margin: 8px 0px 0px 0px;}
#rightcol p a:link, #rightcol p a:visited{color:#0000cc; text-decoration:underline;}

#leftcol dl {display: block; background-image:url(../images/layout/left-box-bottom.gif); background-position:bottom; width: 200px; padding: 0px 0px 9px 0px;}
#leftcol dt {display: block; background-image:url(../images/layout/left-box-top.gif); background-repeat:no-repeat; width: 200px; padding: 9px 0px; text-indent:9px; font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#4781b4;}
#leftcol dd {display: block; height: auto; overflow:visible; margin: 0px 67px 0px 9px; padding: 0px; font:10px Verdana, Arial, Helvetica, sans-serif; color:#696785;}

#leftcol dl.leftbox-serv {background-image:url(../images/layout/left-box-serv-bottom.gif);}
#leftcol dl.leftbox-serv2 {background-image:url(../images/layout/left-box-serv-bottom2.gif);}
#leftcol dl.leftbox-serv-spares {background-image:url(../images/layout/left-box-serv-bottom-spares.gif);}
#leftcol dl.leftbox-down {background-image:url(../images/layout/left-box-down-bottom.gif);}
#leftcol dl.leftbox-serv a:link, #leftcol dl.leftbox-serv a:visited{color:#0d4373; text-decoration:underline;}

#cookieTrail {background-color:#8482B5; padding:3px; margin: 5px; width:95%; color:#ffffff; font-weight:bold;}

dl.rightbox-products {float: left; display: block; width: 268px; height: 130px; margin: 0px; padding: 16px 0px 8px 0px; background-image: url(../images/layout/prod-dl-bkg.gif); background-position: 77px bottom; background-repeat: no-repeat;}
dl.rightbox-products dd {display: block; float: left; margin: 0px; padding: 0px; width: 130px; font:10px Verdana, Arial, Helvetica, sans-serif; color:#696785;}
dl.rightbox-products dd.img {display: block; float: left; margin: 0px 8px 0px 0px; width: 130px;}

dl.rightbox-detail {float: left; display: block; width: 544px; margin: 0px 0px 8px 0px; padding: 0px;}
dl.rightbox-detail dd {display: block; float: left; margin: 0px; padding: 0px; width: 286px; font:10px Verdana, Arial, Helvetica, sans-serif; color:#696785;}
dl.rightbox-detail dd.img {display: block; float: left; margin: 0px 8px 0px 0px; width: 250px;}

dl.rightbox-product-sub {float: left; display: block; width: 544px; margin: 0px; padding: 8px 0px 16px 0px; background-image: url(../images/layout/prod-dl-bkg.gif); background-position: 77px bottom; background-repeat: no-repeat;}
dl.rightbox-product-sub dd {display: block; float: left; margin: 0px; padding: 0px; width: 406px; font:10px Verdana, Arial, Helvetica, sans-serif; color:#696785;}
dl.rightbox-product-sub dd.img {display: block; float: left; margin: 0px 8px 0px 0px; width: 130px;}

/*added by mike*/
dl.rightbox-product-intro {float: left; display: block; width: 544px; margin: 0px; padding: 8px 0px 16px 0px; background-image: none;}
dl.rightbox-product-intro dd {display: block; float: left; margin: 0px; padding: 0px; width: 406px; font:10px Verdana, Arial, Helvetica, sans-serif; color:#696785;}
dl.rightbox-product-intro dd.img {display: block; float: left; margin: 0px 8px 0px 0px; width: 130px;}
/*end mike edit*/

#rightcol table {width: 544px; font:10px Verdana, Arial, Helvetica, sans-serif; color:#696785; border-top: 1px solid #B5B4D0; line-height:20px; margin: 0px 0px 8px 0px;}
#rightcol table td { border-bottom: 0px solid #E1E1EC; padding: 0px 4px;}
#rightcol table th {font-weight:bold; background-color:#F4F4F4; border-bottom: 0px solid #B5B4D0; text-align:left; padding: 0px 4px;}

#pagecontent ul {color:#696785; list-style-type: square; margin: 8px 0px 0px 20px; padding: 0px;}
#pagecontent li {color:#696785; font:10px Verdana, Arial, Helvetica, sans-serif;}

#pagecontent a:link, #pagecontent a:visited {color:#696785; text-decoration:underline;}
#pagecontent a:hover {color:#D50733;}

textarea {width: 95%; margin: 0px 0px 3px 0px;}
input {margin: 0px;}
select {margin: 0px; width: 146px;}

/* nav controls */


#vertnav{position: relative; left: 267px; list-style: none;margin: 0px; padding: 0px; font:11px Verdana, Arial, Helvetica, sans-serif; color:#555; }
#vertnav a {text-decoration:none;}
#vertnav span {display: none;}
#vertnav img {border: 0px; margin: 0px; padding: 0px; background:none;}

#vertnav li {display: block; margin: 0px; padding: 0px; height: 30px; position: relative; float: left; display:block; margin:0;}
#vertnav li ul { background: url(images/layout/1x1-purple.gif) top repeat-x;} 
#vertnav li li {display: block;float: left; height: 25px; }
#vertnav li ul li a {padding:0px; text-indent:3px; height: 25px; display: block; width: 140px; background-color:#fff; filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; color: #000;}
#vertnav li ul li.height {padding:0px; text-indent:3px; height: 50px; display: block; width: 140px; background-color:#fff; filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; color: #000;}
#vertnav li ul li.height1 {padding:0px; text-indent:3px; height: 30px; display: block; width: 140px; background-color:#fff;  color: #000;}
#vertnav li ul li.height2 {padding:0px; text-indent:3px; height: 30px; display: block; width: 140px;  background-color:#fff; filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; color: #000;}
#vertnav li ul li.height3 a {padding:0px; text-indent:3px; height: 40px; display: block; width: 140px; background-color:#fff;  color: #000000;} 
#vertnav li ul li a:hover {background-color:#578fc1; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; color: #fff;} /*A3A1C4*/
#vertnav li ul li.height a:hover {background-color:#4781b4; height: 50px; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; color: #fff;}
#vertnav li ul li.height1 a:hover {background-color:#4781b4; height: 30px; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; color: #fff;}
#vertnav li ul li.height2 a:hover {background-color:#4781b4; height: 30px; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; color: #fff;}
#vertnav li ul li.height3 a:hover {background-color:#4781b4; height: 40px; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; color: #fff;}
#vertnav li a { background-color:#4781b4; padding: 0px 10px 0px 10px;}
#vertnav>li a { display: block; height: 30px;}
#vertnav li a:hover {background-color:#578fc1; }

/* styles for all layers */
#vertnav ul  { padding:0; margin:0; list-style: none; width:140px; z-index:99; overflow:visible; position:absolute;  display:none; border: 1px solid #B5B4D0;}
/* styles for first layer */
#vertnav li ul {top:30px !important; left:0em !important; border-top:none;}

#vertnav li:hover ul ul, #vertnav li:hover ul ul ul, #vertnav li:hover ul ul ul ul, #vertnav li:hover ul ul ul ul ul{display:none; background-image:url(../images/layout/1x1-purple.gif); background-repeat:repeat-x;}

#vertnav li:hover ul, #vertnav ul li:hover ul, #vertnav ul ul li:hover ul, #vertnav ul ul ul li:hover ul, #vertnav ul ul ul ul li:hover ul{display:block;}

li>ul {top: auto;left: auto;}

/* Win IE only \*/
* html #vertnav li{float:left;} 
/* end holly hack */

/*all see this */
#vertnav ul ul, #vertnav ul ul ul, #vertnav ul ul ul ul{
    display:none; 
    position:absolute; 
    margin-left:140px;
	margin-top: -30px;
}

.navlong
{
	height: 100px;
}

#catArea{background-color:#fff;}

.search
{
	padding-left:10px;
	padding-right:10px;
	height:375px;
}