body{
margin:0px;
padding:0px;
z-index:-30000;
}

	
#container  { margin: 0px auto; padding: 0px; text-align: left; width: 800px }

a:link  { font-family: Arial; color: #0000CC }
a:visited  { font-family: Arial; color: #0000CC }
a:hover  { font-family: Arial; color: #999933 }
a:active  { font-family: Arial; color: #0000CC }

h1, h2, h3, h4

{
font-family:arial;
}

ol
{
font-family:arial;
font-size:small;
}

h1.head
{
color:#CCCCCC;
margin:0px;
padding:0px;

}

img

{
border:0px;
margin: 5px;
}

#header
{
width: 800px;
height: 200px;
background-image: url('http://www.tomcatequip.com/dev/tomcat/images/banner.jpg');
margin:0px;
padding:0px;

}

p
{
padding: 5px;
font-family: arial;
font-size: 14px;
}

p.home

{
margin-top:10px;
}




ul
{
font-family:arial;
}

ul.vert-one1{margin:0;padding:0;list-style-type:none;display:block;font: 12px Helvetica, Verdana, Arial, sans-serif;line-height:330%;width:165px;}
ul.vert-one1 li{margin:0;padding:0;border-top:1px solid #0000CC;border-bottom:5px solid #ffffff;}
ul.vert-one1 li a{display:block;text-decoration:none;color:white; background:#0000CC;padding:0 0 0 0px;width:165px;}
ul.vert-one1 li a:hover{background:#3333CC url("images/vert-one_arrow.gif") no-repeat 0 9px;}
ul.vert-one1 li a.current,ul.vert-one li a.current:hover{background:#933 url("images/vert-one_arrow.gif") no-repeat 0 9px;}

ul.vert-one{margin:0;padding:0;list-style-type:none;display:block;font: 12px Helvetica, Verdana, Arial, sans-serif;line-height:150%;width:165px;}
ul.vert-one li{margin:0;padding:0;border-top:1px solid #0000CC;border-bottom:1px solid #ffffff;}
ul.vert-one li a{display:block;text-decoration:none;color:white; background:#0000CC;padding:0 0 0 0px;width:165px;}
ul.vert-one li a:hover{background:#3333CC url("images/vert-one_arrow.gif") no-repeat 0 9px;}
ul.vert-one li a.current,ul.vert-one li a.current:hover{background:#933 url("images/vert-one_arrow.gif") no-repeat 0 9px;}

#sidebar 
{
float:left;
width:175px;
z-index:-1000;
 }
#main 
{
float:right;
width:625px;
padding-top:.5em;
z-index:-999;

}
.clear
{
float:left;
padding-left:5px;
}

.box

{
height:150px;
}

#footer
{
clear:both;
}


.one
{
font-family: Arial;
font-size: 10px;
}



.world

{
width:260px;
padding-left:5px;
float:left;
overflow:hidden;
}


p.machine

 { color: #black; font-size: 10px; font-family: arial }

p.footp

{ text-align:center; } 

#menu {display:block; height:40px; margin:5px;}
#menu ul {margin:0; padding:0; list-style-type:none;}
#menu li {float:left; margin-right:1px; display:block; width:40px;}
#menu li.list1 {background:transparent url(http://www.tomcatequip.com/images/icon/bycompass.gif);}
#menu li.list2 {background:transparent url(http://www.tomcatequip.com/images/icon/bybrochure.gif);}
#menu li.list3 {background:transparent url(http://www.tomcatequip.com/images/icon/byroi.gif);}
#menu li.list4 {background:transparent url(http://www.tomcatequip.com/images/icon/bypm.gif);}
#menu li.list5 {background:transparent url(http://www.tomcatequip.com/images/icon/bywearparts.gif);}
#menu li.list6 {background:transparent url(http://www.tomcatequip.com/images/icon/byupgrades.gif);}
#menu li.list7 {background:transparent url(http://www.tomcatequip.com/images/icon/byparts.gif);}
#menu li.list8 {background:transparent url(http://www.tomcatequip.com/images/icon/byoperator.gif);}
#menu li.list9 {background:transparent url(http://www.tomcatequip.com/images/icon/byjudge.gif);}
#menu a {display:block; width:40px; padding-top:40px; height:0; color:#000; text-decoration:none; overflow:hidden;}
* html #menu a:link, * html #menu a:visited {height:86px; he\ight:0;}

#menu a#item1 {background:transparent url(http://www.tomcatequip.com/images/icon/bycompasshov.gif) -40px -40px no-repeat;}
#menu a#item2 {background:transparent url(http://www.tomcatequip.com/images/icon/bybrochurehov.gif) -40px -40px no-repeat;}
#menu a#item3 {background:transparent url(http://www.tomcatequip.com/images/icon/byroihov.gif) -40px -40px no-repeat;}
#menu a#item4 {background:transparent url(http://www.tomcatequip.com/images/icon/bypmhov.gif) -40px -40px no-repeat;}
#menu a#item5 {background:transparent url(http://www.tomcatequip.com/images/icon/bywearpartshov.gif) -40px -40px no-repeat;}
#menu a#item6 {background:transparent url(http://www.tomcatequip.com/images/icon/byupgradeshov.gif) -40px -40px no-repeat;}
#menu a#item7 {background:transparent url(http://www.tomcatequip.com/images/icon/bypartshov.gif) -40px -40px no-repeat;}
#menu a#item8 {background:transparent url(http://www.tomcatequip.com/images/icon/byoperatorhov.gif) -40px -40px no-repeat;}
#menu a#item9 {background:transparent url(http://www.tomcatequip.com/images/icon/byjudgehov.gif) -40px -40px no-repeat;}

#menu a#item1:hover {background-position:top right; z-index:50;}
#menu a#item2:hover {background-position:top right; z-index:50;}
#menu a#item3:hover {background-position:top right; z-index:50;}
#menu a#item4:hover {background-position:top right; z-index:50;}
#menu a#item5:hover {background-position:top right; z-index:50;}
#menu a#item6:hover {background-position:top right; z-index:50;}
#menu a#item7:hover {background-position:top right; z-index:50;}
#menu a#item8:hover {background-position:top right; z-index:50;}
#menu a#item9:hover {background-position:top right; z-index:50;}


#menu1 {display:block; height:40px; margin:5px; margin-top:-0px;}
#menu1 ul {margin:0; padding:0; list-style-type:none;}
#menu1 li {float:left; margin-left:3px; display:block; width:55px;}
#menu1 li.list11 {background:transparent url(http://www.factorycat.com/images/icon/redbutton.gif);}
#menu1 a {display:block; width:55px; padding-top:40px; height:0; color:#000; text-decoration:none; overflow:hidden;}
* html #menu a:link, * html #menu a:visited {height:86px; he\ight:0;}

#menu1 a#item11 {background:transparent url(http://www.factorycat.com/images/icon/redbuttonhov.gif) -40px -40px no-repeat;}

#menu1 a#item11:hover {background-position:top right; z-index:50; }



.timeline

 {
background-image: url("http://www.factorycat.com/images/timelinerepeat.jpg"); 
background-repeat: repeat-y;  
width: 620px; 
}

.timeline a:link{color: black; font-size: 10px;}
.timeline a:visited{color: black; font-size: 10px;}
.timeline a:hover{color: black; font-size: 10px;}
.timeline a:active{color: black; font-size: 10px;}



ul.timelinea  { color: #000; font: 18px/250% Helvetica, Verdana, Arial, sans-serif; list-style-type: none; display: block; margin: 0; padding-left: 75px; padding-bottom: 20px; width: 500px }
ul.timelinea li  { color: #000; margin: 0; padding: 0; border-bottom: 5px solid #262626; border-left: 5px solid #262626 }

.class1 a:link {color: black; font-size: 10px;}
.class1 a:visited {color: black; font-size: 10px;}
.class1 a:hover {color: black; font-size: 10px;}
.class1 a:active {color: black; font-size: 10px;}


.video
{
width: 600px
margin-left:auto;
margin-right:auto;
}

img.floatleftclear {   float: left; margin: 0px 5px 0px 5px}

.float-left  { float: left; margin: 5px 5px 5px 5px}

.floatright {float: right; margin: 5px 5px 5px 5px;}

.float-right  { float: left; margin: 0px 0px 0px 5px; width: 255px;}

.float-right1  { float: left; margin: 0px 0px 0px 5px; width: 120px;}

.imgstack  { float: left; padding-bottom: 5px; width: 100%;}


.extrapage

{
text-align:left;
}


h4.omesub{font-family: san-serif,arial; font-size: : 14px; clear: both;}

ul.inside {list-style-position: inside; font-family: Arial; font-size: 12px; line-height: 14px; margin-top:-15px;}

table.quick

{
font-family:arial;
}

th

{
background:#0000CC;
color:white;
}

span.optional
{
font-size: small;
font-family: arial;
font-style: italic;
}

.field-widget
{
font-size: 10px;
background: url('http://www.factorycat.com/images/error.gif') bottom left no-repeat;
color:red;
}

textarea
{
width: 300px;
height: 100px;
}

.callme
{
position: static;
float: right;
left: 300px;
z-index:1;
}

.whatsnew
{
height: 180px;
border-style: double;
clear: both;
overflow: scroll;
overflow-y: scroll;
overflow-x: hidden;
overflow:-moz-scrollbars-vertical;
}

strong.smaller

{
font-family: arial;
font-size: 10px;
}

p.whatsnewhead

{
font-family: arial;
font-weight: bold;
font-size: 14;
margin: 0px;
padding: 0px;
}

p.whatsnewtext

{
font-family: arial;
font-size: 12;
color: blue
}

h2.whatsnewtop

{
margin: 0px;
padding: 0px;
text-align: center;
}


.navmenu {
z-index:1000;
font-size:90%;
margin:0px 0 0px 0px; /* this page only */
}
 
/* remove all the bullets, borders and padding from the default list styling */
.navmenu ul {
padding:0;
margin:0;
list-style-type:none;
width:170px;
}
/* hack for IE5.5 */
* html .navmenu ul {margin-left:-16px; ma\rgin-left:0;}
/* position relative so that you can position the sub levels */
.navmenu li {
position:relative;
background:#0000CC;
height:21px;
}
 
/* get rid of the table */
.navmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}
 
/* style the links */
.navmenu a, .navmenu a:visited {
display:block; 
text-decoration:none;
height:20px;
line-height:20px;
width:169px;
color:#fff;
text-indent:5px;
border:1px solid #fff;
border-width:0 1px 1px 0;
}
/* hack for IE5.5 */
* html .navmenu a, * html .navmenu a:visited {background:#0000ff; width:170px; w\idth:169px;}
/* style the link hover */
* html .navmenu a:hover {color:#000; background:#FFFF00;}
 
.navmenu :hover > a {
color:black; 
background:#FFFF00;
z-index:1000
}
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
.navmenu ul ul {
visibility:hidden;
position:absolute;
top:0;
left:170px; 
z-index:1000
}
/* make the second level visible when hover on first level list OR link */
.navmenu ul li:hover ul,
.navmenu ul a:hover ul {
visibility:visible;
z-index:1000
}
 
/* keep the third level hidden when you hover on first level list OR link */
.navmenu ul :hover ul ul{
visibility:hidden;
z-index:1000
}
/* keep the fourth level hidden when you hover on second level list OR link */
.navmenu ul :hover ul :hover ul ul{
visibility:hidden;
z-index:1000
}
/* make the third level visible when you hover over second level list OR link */
.navmenu ul :hover ul :hover ul{ 
visibility:visible;
z-index:1000
}
/* make the fourth level visible when you hover over third level list OR link */
.navmenu ul :hover ul :hover ul :hover ul { 
visibility:visible;
z-index:1000
}

<!--[if IE 7]>

.navmenu li {float:left;}

<![endif]-->


table.glossary, tr.glossary, td.glossary

{
font-family: Arial; 
font-size: 12px;
color: black;
border: 2px solid;
border-collapse: collapse;
}

div#options
{
margin-left: auto;
margin-right: auto;
width: 50em;
}



.ten
{
float: left;
width: 8.7em;
height:8.7em;
overflow:hidden;
border-width: .1em;
border-color: black;
border-style: solid;
background-color: white;
}

.thirty
{
width: 40.8em;
height: 8.7em;
overflow-y: scroll;
overflow-x: hidden;
border-width: .1em;
border-color: black;
border-style: solid;
background-color: white;
}

h1.opthead

{
color: white;
font-size: 1.5em;
padding-bottom: 1em;
margin: 0;
font-family: arial;
}

p.opt

{
margin: 0;
padding-left: .3em;
font-family: arial;
font-size: .9em;
}

p.opttitle

{
margin: 0;
padding-left: .3em;
padding-bottom: .3em;
font-family: arial;
font-weight: bold;
}

.thirtyvid
{
width: 32.0em;
height: 8.7em;
overflow-y: scroll;
overflow-x: hidden;
border-width: .1em;
border-color: black;
border-style: solid;
background-color: white;
}