body{
margin:0px;
padding:0px;
position:relative;
z-index: 1000;
}

.contactform
{
font-family: arial;
}
	
#container  { margin: 0px auto; padding: 0px; text-align: left; width: 800px; position:relative; z-index: 1000;}

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

h1, h2, h3, h4, table

{
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;
position: relative;
z-index: 1000;
}

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

p.home

{
margin-top:10px;
}




ul
{
font-family:arial;
}


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

.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 li.list10 {background:transparent url(http://www.tomcatequip.com/images/icon/byvideo.gif);}
#menu li.list11 {background:transparent url(http://www.tomcatequip.com/images/icon/byphoto.gif);}
#menu li.list12 {background:transparent url(http://www.tomcatequip.com/images/icon/byedge.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#item10 {background:transparent url(http://www.tomcatequip.com/images/icon/byvideohov.gif) -40px -40px no-repeat;}
#menu a#item11 {background:transparent url(http://www.tomcatequip.com/images/icon/byphotohov.gif) -40px -40px no-repeat;}
#menu a#item12 {background:transparent url(http://www.tomcatequip.com/images/icon/byedgehov.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;}
#menu a#item10:hover {background-position:top right; z-index:50;}
#menu a#item11:hover {background-position:top right; z-index:50;}
#menu a#item12: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 10px; border: medium solid;}

.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; }

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
{
margin-top: 10px;
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;
}

a.player { 
    display:block; 
    width: 250px; 
    height:180px;  
    text-align:center; 
    margin-left:auto;
    margin-right:auto;
    margin-top:15px;
    border:1px solid #999; 
} 

a.playermain { 
    display:block; 
    width: 600px; 
    height:400px;  
    text-align:center; 
    margin-left:auto;
    margin-right:auto;
    margin-top:15px;
    border:1px solid #999; 
    position:relative;
} 


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;
}

.zero, img.zero

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

.cookietrail
{
width: 100%;
padding: 0;
margin: 0;
}
.cookietrail li {
  list-style: none;
  display: inline;
padding: 0;
margin: 0;
}
.cookietrail a {
  text-decoration: none;
  font-size: 12px;
}

/*Credits: CSSpplay */
/*URL: http://www.cssplay.co.uk/menus/pro_four */

.menu4 {padding:0 0 0 1em; margin:0; list-style:none; height:35px; background:url(http://www.tomcatequip.com/images/home/pro_four0.gif);}
.menu4 li {float:left;}
.menu4 li a {display:block; float:left; height:35px; line-height:33px; color:#aaa; text-decoration:none; font-family:arial, verdana, sans-serif; text-align:center; padding:0 0 0 14px; cursor:pointer; font-size:11px;}
.menu4 li a b {float:left; display:block; padding:0 28px 0 14px;}
.menu4 li.current a {color:#fff; background:url(http://www.tomcatequip.com/images/home/pro_four2.gif);}
.menu4 li.current a b {background:url(http://www.tomcatequip.com/images/home/pro_four2.gif) no-repeat right top;}
.menu4 li a:hover {color:#fff; background: url(http://www.tomcatequip.com/images/home/pro_four1.gif);}
.menu4 li a:hover b {background:url(http://www.tomcatequip.com/images/home/pro_four1.gif) no-repeat right top;}
.menu4 li.current a:hover {color:#fff; background: url(http://www.tomcatequip.com/images/home/pro_four2.gif); cursor:default;}
.menu4 li.current a:hover b {background:url(http://www.tomcatequip.com/images/home/pro_four2.gif) no-repeat right top;}