body  {
padding: 0px;
/*background: url(images/bg.gif) top left repeat-y #fff;*/
font-size: 12px; 
font-family: Verdana, Arial, Geneva; 
margin: 0;
behavior: url(csshover.htc);
}

a, a:link, a:visited, a:active  { color: #04316d; }
a:hover { color: #900 }


h1 { color: #141414; font-size: 12px; font-family: Verdana, Arial, Geneva; font-weight: bold; margin: 0; padding: 0 }
h2 { color: navy; font-size: 14px; font-family: Verdana, Arial, Geneva; font-weight: bold; margin: 0 }
h3 { color: #013476; font-size: 11px; font-family: Verdana, Arial, Geneva; font-weight: bold }


#wrapper  {
width: 1060px;
float: left;
}

#left {
width: 230px;
float: left;
/*border-right: 1px solid #254A7F;*/
padding: 10px 0 20px 5px;
}

.logo a {
display: block;
width: 240px; height: 80px;
background: url(images/logo.gif) top left no-repeat;
margin: 0 0 0 -10px;
}

.search {
margin: 25px 0 5px 5px;
text-align: left;
}

* html .search  {
margin: 25px 0 -15px 5px;
}

*+html .search  {
margin: 25px 0 -15px 5px;
}

input.search_field {
margin: 0px;
font-size: 10px;
width: 191px;
}

*+html input.search_field {
width: 190px;
}

input.btn{
 color:#fff;
 font-size:10px;
 font-weight:bold;
 background-color:#254A7F;
 border:0px;
 width: 20px;
 height: 20px;
 padding: 0 0 2px 0;
}

input.btnhover{
background-color:#36A7E5;
}

#right  {
float: left;
text-align: left;
width: 770px;
/*margin: 0 0 0 230px;*/
padding: 10px 0 0 0;
}

#billboard {
  position: relative;
  margin: 0 auto;
  width: 575px; height: 150px;
  background-color: #1e1e1e;
}

* html #billboard {
  margin: 0 auto;
}

#billboard img {
  display: none;
  position: absolute;
  top:0; left:0;
}

#nav  {
width: 175px;
margin: 10px 0 0 5px;
}

* html #nav {
width: 10px; 
}

#nav ul  {
list-style: none;
margin: 0 0 0 -40px;
}

* html #nav ul  {
margin: 0px;
}

#nav li a {
width: 210px;
padding: 5px 0 5px 10px;
margin: 5px 0 0 0;
border-bottom: 1px solid #fff;
background-color: #254A7F;
color: #fff;
text-decoration: none;
font-weight: bold;
display: block;
}

* html #nav li a  {
width: 210px;
margin: 5px 0 0 0px;
}

*+html #nav li a  {
margin: 5px 0 0 40px;
}

#nav li a:hover {
background-color: #36A7E5;
text-decoration: none;
} 

#nav ul ul  {
list-style: none;
color: #254A7F;
margin: 0 0 0 -30px;
}

#nav li li a  {
width: 270px;
border: none;
background: none;
padding: 0px;
margin: 0 0 2px 0;
color: #254A7F;
font-weight: normal;
}

#nav li li {
width: 270px;
border: none;
background: none;
padding: 0px;
margin: 0 0 2px 0;
color: #254A7F;
font-weight: normal;
}

* html #nav li li  {
margin: 0 0 2px 40px;
width: 200px; 
}

* html #nav li li a  {
width: 200px; 
}


* html #nav li li li a  {
width: 140px; 
}

*+html #nav li li  {
margin: 0 0 2px 80px;
}

*+html #nav li li li a  {
margin: 0 0 2px -40px;
}

#nav li li a:hover  {
background: none;
text-decoration: underline;
}

#circle {
position: relative;
margin: 0 auto 15px auto;
width: 565px;
height: 445px;
background: url(images/circle.gif) top left no-repeat;
}

#zero a, #one a, #two a, #three a, #four a, #five a, #six a {
position: absolute;
display: block;
}

#zero a {
top: 175px;
left: 175px;
width: 220px;
height: 95px;
}

#one a  {
top: 40px;
left: 210px;
width: 140px;
height: 50px;
background: url(images/one.gif) top left no-repeat;
}

#one a:hover  {
background-position: 0 -50px;
}

#two a  {
top: 136px;
left: 415px;
width: 125px;
height: 106px;
background: url(images/two.gif) top left no-repeat;
}

#two a:hover  {
background-position: 0 -106px;
}

#three a  {
top: 300px;
left: 378px;
width: 139px;
height: 44px;
background: url(images/three.gif) top left no-repeat;
}

* html #three a {
top: 299px; 
}

#three a:hover  {
background-position: 0 -44px;
}

#four a  {
top: 334px;
left: 212px;
width: 143px;
height: 99px;
background: url(images/four.gif) top left no-repeat;
}

#four a:hover {
background-position: 0 -99px;
}

#five a  {
top: 295px;
left: 51px;
width: 131px;
height: 51px;
background: url(images/five.gif) top left no-repeat;
}

#five a:hover {
background-position: 0 -51px;
}

#six a  {
top: 133px;
left: 34px;
width: 111px;
height: 92px;
background: url(images/six.gif) top left no-repeat;
}

#six a:hover  {
background-position: 0 -92px;
}

#circle_one, #circle_two, #circle_three, #circle_four, #circle_five, #circle_six {
position: absolute;
display: none;
width: 243px;
height: 192px;
}

#circle_one {
background: url(images/circle_one.gif) top left no-repeat;
top: 85px;
left: -50px;
}

#circle_two {
background: url(images/circle_two.gif) top left no-repeat;
top: -10px;
left: -250px;
}

#circle_three {
background: url(images/circle_three.gif) top left no-repeat;
top: -170px;
left: -215px;
}

#circle_four {
background: url(images/circle_four.gif) top left no-repeat;
top: -212px;
left: -55px;
}

#circle_five {
background: url(images/circle_five.gif) top left no-repeat;
top: -170px;
left: 110px;
}

#circle_six {
background: url(images/circle_six.gif) top left no-repeat;
top: -8px;
left: 125px;
}

#one a:hover #circle_one, #two a:hover #circle_two, #three a:hover #circle_three,
#four a:hover #circle_four, #five a:hover #circle_five, #six a:hover #circle_six {
display: block;
width: 243px;
height: 192px;
}


.content  {
float: none;
/*margin: 0px 0px 0px 20px;*/
padding: 30px 0px 0px 20px;
}

.content2  {
position: absolute;
left: 50px;
top: 230px;
}

.entry  {
margin: 0 auto;
}

.headline {
font-family: tahoma, verdana, arial;
font-size: 18px;
color: #254a7f;
margin: 0 0 15px 30px;
}

.headline a {
text-decoration: none;
}

.headline a:hover {
color: #254a7f;
text-decoration: underline; 
}

.title {
  font-family: tahoma, verdana, arial;
  font-size: 18px;
  color: #254a7f;
  margin: 0 0 15px 5px;
  text-align: center;
}

.entry_body {
margin: 0px 35px 15px 45px;
}

.contact_info {
float: left;
margin: 15px 0 0 10px;
font-size: 10px;
}

/* sales */


/* for the button nav on dist and reps pages  */
.reg_manag  {
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
text-align: center;
margin: 5px 0 20px 0;
color: black;
font-size: 10px;
font-family: Verdana, Arial, Geneva;
width: 100%;
}

.reg_manag_row0, .reg_manag_row1, .reg_manag_head  {
border-top: 1px solid #ddd;
border-right: 1px solid #ddd;
height: 40px;
}

.reg_manag_row0  { background-color: #fff; }
.reg_manag_row1  { background-color: #eee; }

.reg_manag_head {
background: url(/images/reg_manag_head_bg.gif) top left repeat-x;
color: white;
font-size: 12px;
font-weight: bold;
}


.dist  {
width: 100%;
margin: 10px 0 30px 0;
border-left: 1px solid #ddd;
}

#dist_wrapper {
width: 95%;
margin: 0 auto 0 auto;
}

.product_section_header, .product_section {
margin: 0 auto;
border-left: 1px solid #ddd;
}

.subheader {
height: 40px;
padding: 5px 0px 5px 0px;
text-align: center;
background-color: #eee;
border-top: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
color: black;
font-size: 10px;
font-family: Verdana, Arial, Geneva;
}

.datarow0, .datarow1, .pref0, .pref1, .pref2, .pref3, .pref4, .pref5, .pref6, .pref7  {
height: 70px;
text-align: center;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.datarow0  { background-color: #fff; }
.datarow1  { background-color: #eee; }

.dist .datarow0, .dist .datarow1 {
height: 30px;
padding: 5px 0px 5px 0px;
}

.datarow0, .datarow1, .pref0, .pref1, .pref2, .pref3, .pref4, .pref5, .pref6, .pref7  {
  height: 70px;
  text-align: center;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  color: black;
  font-size: 10px;
  font-family: Verdana, Arial, Geneva;
}

.datarow0  { background-color: #fff; }
.datarow1  { background-color: #eee; }
.pref7 { background-color: #93c3ff; } /* dk blue */

.dist_company {
font-size: 14px;
font-family: verdana, arial, geneva;
font-weight: bold;
margin: 0 0 -8px 0;
}

.header    {
font-size: 16px;
font-weight: bold;
margin: 3px 0 8px 30px;
text-align: left;
color: #254A7F;
font-family: Verdana, Arial, Geneva;
text-transform: capitalize;
}

.pagetop {
float: right;
color: black;
font-size: 10px;
font-family: Verdana, Arial, Geneva;
}


.photo     { width: 70px; }
.preferred { width: 35px; }
.part      { width: 90px; }
.part2     { width: 110px; }  /* Temporary div for the green background on preferred  */
.descr     { width: 188px; /*margin: 0 10px 0 10px;*/ }
.prodspecs { width: 45px; }
.install   { width: 59px; }
.price     { width: 84px; }
.price2    { width: 84px; }
.purchase  { width: 64px; }
.purchase2 { width: 64px; }
.engspecs  { width: 45px; }

/*  single product pages  */
.prod_back  {
margin: 0 0 25px 10px;
}

.prod_img {
float: left;
margin: 10px 0 25px 10px;
display: block;
width: 300px; height: 300px;
text-align: center;
}

.prod_info  {
float: left;
margin: 0 0 10px 40px;
font-size: 1.25em;
}

.prod_name  {
padding: 5px 10px 5px 10px;
margin: 10px 0 0 -10px;
background-color: #254A7F;
color: #fff;
font-size: 2em;
font-weight: bold;
display: block;
}

.prod_desc  {
margin: 20px 0 30px 0;
width: 285px;
}

.prod_links  {
float:left;
}

.prod_links2  {
float: left;
margin: 20 0 0 15px;
}

.prod_demo  {
margin: 0px 0 40px 0;
width: 285px;
}

/*  products */


.product_div {
  /*max-height: 215px;
  height: expression(this.scrollHeight > 215 ? 215: 'scroll');
  overflow-y: scroll;*/
  margin: 0 0 30px 0px;
}

.pref_legend  {
  margin: -26px 0 32px 0;
  color: black;
  font-size: 10px;
  font-family: Verdana, Arial, Geneva;
  text-align: center
}

.catalog_graph_wrapper  {
  width: 100%;
  text-align: left;
  margin: 0 auto 35px 60px;
}

.catalog_graph  {
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
  margin: 0 0 8px 0;
}

* html .catalog_graph {
  margin: -1px 0 40px 0;
}

#g1 {

}

.graph_data {
  /*max-height: 210px;
  height: expression(this.scrollHeight > 200 ? 200: 'auto');
  overflow-y: auto;*/
}

.graphrow0, .graphrow1, .graphrow2, .graphrow3 {
  border-right: 1px solid #000;
  width: 18px;
  height: 14px;
  color: black;
  font-size: 9px;
  font-family: Verdana, Arial, Geneva;
  border-top: 1px solid #bbb;
}

.graphitem0, .graphitem1 {
  border-right: 1px solid #000;
  height: 14px;
  width: 98px;
  padding: 1px 0 0 2px;
  font-size: 9px;
  font-family: Verdana, Arial, Geneva;
  border-top: 1px solid #bbb;
}

.graphitem0 a, .graphitem1 a  {
text-decoration: none;
font-weight: bold;
}

.graphitem2, .graphitem3 {
  border-right: 1px solid #000;
  height: 14px; width: 59px;
  padding: 1px 3px 0 0;
  font-size: 10px;
  font-family: Verdana, Arial, Geneva;
  border-top: 1px solid #bbb;
  text-align: right;
}

.graphitemedit2, .graphitemedit3 {
  border-right: 1px solid #000;
  height: 20px;
  padding: 1px 0 0 2px;
  font-size: 10px;
  font-family: Verdana, Arial, Geneva;
  text-align: center;
}


.graphitemedit4 {
  border-right: 1px solid #000;
  height: 20px;
  padding: 1px 0 0 2px;
  font-size: 10px;
  font-family: Verdana, Arial, Geneva;
  background-color: #92f6ac;
}

.graphrowedit4 {
  border-right: 1px solid #000;
  width: 20px;
  height: 14px;
  color: black;
  font-size: 10px;
  background-color: #92f6ac;
  cursor: Pointer;
}

.graphitemedit0, .graphitemedit1 {
  border-right: 1px solid #000;
  height: 20px; width: 98px;
  padding: 1px 0px 0 2px;
  font-size: 9px;
  font-family: Verdana, Arial, Geneva;
}

.graphrowedit0, .graphrowedit1 {
  border-right: 1px solid #000;
  width: 20px;
  height: 14px;
  color: black;
  font-size: 10px;
  font-family: Verdana, Arial, Geneva;
}


.graphrow1, .graphitem1, .graphitem3, .graphrowedit1, .graphitemedit1, .graphitemedit3 {
  background-color: #eee;
}

.graphrow2, .graphrow3 {
  background-color: #93c3ff;
}










































/* define height and width of scrollable area. Add 16px to width for scrollbar          */
/* allow WinIE to scale 100% width of browser by not defining a width                   */
/* WARNING: applying a background here may cause problems with scrolling in WinIE 5.x   */
div.tableContainer {
	clear: both;
	border: 1px solid #963;
	height: 285px;
	overflow: auto;
	width: 756px;
}

/* WinIE 6.x needs to re-account for it's scrollbar. Give it some padding */
\html div.tableContainer/* */ {
	padding: 0 16px 0 0;
	width: 740px;
}

/* clean up for allowing display Opera 5.x/6.x and MacIE 5.x */
html>body div.tableContainer {
	height: auto;
	padding: 0;
}

/* Reset overflow value to hidden for all non-IE browsers. */
/* Filter out Opera 5.x/6.x and MacIE 5.x                  */
head:first-child+body div[class].tableContainer {
	height: 285px;
	overflow: hidden;
	width: 756px
}

/* define width of table. IE browsers only                 */
/* if width is set to 100%, you can remove the width       */
/* property from div.tableContainer and have the div scale */
div.tableContainer table {
	float: left;
	width: 100%
}

/* WinIE 6.x needs to re-account for padding. Give it a negative margin */
\html div.tableContainer table/* */ {
	margin: 0 -16px 0 0
}

/* define width of table. Opera 5.x/6.x and MacIE 5.x */
html>body div.tableContainer table {
	float: none;
	margin: 0;
	width: 740px
}

/* define width of table. Add 16px to width for scrollbar.           */
/* All other non-IE browsers. Filter out Opera 5.x/6.x and MacIE 5.x */
head:first-child+body div[class].tableContainer table {
	width: 756px
}

/* set table header to a fixed position. WinIE 6.x only                                       */
/* In WinIE 6.x, any element with a position property set to relative and is a child of       */
/* an element that has an overflow property set, the relative value translates into fixed.    */
/* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */
thead.fixedHeader tr {
	position: relative;
	/* expression is for WinIE 5.x only. Remove to validate and for pure CSS solution      */
	top: expression(document.getElementById("tableContainer").scrollTop);
}

/* set THEAD element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* Filter out Opera 5.x/6.x and MacIE 5.x                                                 */
head:first-child+body thead[class].fixedHeader tr {
	display: block;
}

/* make the TH elements pretty */
thead.fixedHeader th {
	background: #C96;
	border-left: 1px solid #EB8;
	border-right: 1px solid #B74;
	border-top: 1px solid #EB8;
	font-weight: normal;
	padding: 4px 3px;
	text-align: left
}

/* make the A elements pretty. makes for nice clickable headers                */
thead.fixedHeader a, thead.fixedHeader a:link, thead.fixedHeader a:visited {
	color: #FFF;
	display: block;
	text-decoration: none;
	width: 100%
}

/* make the A elements pretty. makes for nice clickable headers                */
/* WARNING: swapping the background on hover may cause problems in WinIE 6.x   */
thead.fixedHeader a:hover {
	color: #FFF;
	display: block;
	text-decoration: underline;
	width: 100%
}

/* define the table content to be scrollable                                              */
/* set TBODY element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto                     */
/* Filter out Opera 5.x/6.x and MacIE 5.x                                                 */
head:first-child+body tbody[class].scrollContent {
	display: block;
	height: 262px;
	overflow: auto;
	width: 100%
}

/* make TD elements pretty. Provide alternating classes for striping the table */
/* http://www.alistapart.com/articles/zebratables/                             */
tbody.scrollContent td, tbody.scrollContent tr.normalRow td {
	background: #FFF;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px
}

tbody.scrollContent tr.alternateRow td {
	background: #EEE;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px
}

/* define width of TH elements: 1st, 2nd, and 3rd respectively.      */
/* All other non-IE browsers. Filter out Opera 5.x/6.x and MacIE 5.x */
/* Add 16px to last TH for scrollbar padding                         */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors    */
head:first-child+body thead[class].fixedHeader th {
	width: 200px
}

head:first-child+body thead[class].fixedHeader th + th {
	width: 240px
}

head:first-child+body thead[class].fixedHeader th + th + th {
	border-right: none;
	padding: 4px 4px 4px 3px;
	width: 316px
}

/* define width of TH elements: 1st, 2nd, and 3rd respectively.      */
/* All other non-IE browsers. Filter out Opera 5.x/6.x and MacIE 5.x */
/* Add 16px to last TH for scrollbar padding                         */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors    */
head:first-child+body tbody[class].scrollContent td {
	width: 200px
}

head:first-child+body tbody[class].scrollContent td + td {
	width: 240px
}

head:first-child+body tbody[class].scrollContent td + td + td {
	border-right: none;
	padding: 2px 4px 2px 3px;
	width: 300px
}

.autoscroll_box1 {
  background-color: #ffffff;
  width: 500px;
  text-align: center;
}

.autoscroll_box2 {
  background-color: #ffffff;
  width: 500px;
  text-align: center;
}

.autoscroll_box3 {
  background-color: #ffffff;
  width: 500px;
  text-align: center;
}

.footer {
float: left;
width: 700px;
text-align: center;
margin: 45px auto 0 auto;
}