html { height: 100%; }
body {
  font-family:Tahoma, Geneva, sans-serif;
  font-size: 12px;
  font-weight:normal;
  color: #000000;
  margin:0px 0px 0px 0px;
  padding:0px;
  background-color:#6b7184;
   background-image:url(images/background6.jpg);
   background-repeat:repeat;
  min-height: 100%; height: 100%;  }
p {
  font-size: 14px;
  font-weight:normal;
  color: #000000;
  margin: 6px 50px 4px 30px;
}
h1  {           /*title*/
  font-size: 20px;
  font-weight:bold;
  color: #444;
  margin-left: 20px;
  margin-right:20px;
  margin-top: 0px;
  margin-bottom: 3px;
}
h2  {           /*sub head add to article*/
  font-size: 18px;
  font-weight:bold;
  color: #009;
  margin-top: 25px;
  margin-left: 20px;
  margin-right:20px;
  margin-bottom:6px;
}
h3  {           /*sub head add to article*/
  font-size: 16px;
  font-weight:bold;
  color: #080;
  margin-top: 8px;
  margin-left: 25px;
  margin-right:20px;
  margin-bottom:6px;
}
h4  {           /* perm article breaks/zones*/
  font-size: 14px;
  font-weight:bold;
  color: #080;
  margin-left: 30px;
  margin-right:20px;
  margin-bottom:6px;
}
ul.gear {
  margin:2px 0px 3px 40px;
  line-height:200%;
  padding:0;
  list-style-type:square;
}
ul.gear li {
background:transparent url(images/bult1.gif) no-repeat scroll 0pt 3px;
list-style-type:none;
margin:0pt;
padding-left:25px;
}
ul.gear2 {
  margin:2px 0px 3px 40px;
  line-height:200%;
  padding:0;
  list-style-type:square;
}
ul.gear2 li {
background:transparent url(images/bult2.gif) no-repeat scroll 0pt 3px;
  font-size: 14px;
list-style-type:none;
margin:0pt;
padding-left:25px;
}
p.leadppg {
  font-size: 16px;
  font-weight:normal;
  color: #000000;
  margin: 6px 50px 4px 50px;
}
/******************************* PAGE ELEMENTS ***********************/
#copyright {
  background-color:transparent;
  border-top-width:1px;
  border-bottom-width:1px;
  border-right-width:0px;
  border-left-width:0px;
  border-style:solid;
  border-color:#888888;
  margin-top:60px;
  margin-bottom:3px;
  width:90%;
}
.copyrighttext {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight:normal;
  font-style: normal;
  color: #000;
}
.copyrightlink {
  color: #00f;
}
 /******************************* colors *************************/
 .red
{
      color: #FF0000;
}
.redb
{
      color: #FF0000;
      font-weight: bold;
}
.redi
{
      color: #FF0000;
      font-style: italic;
}
/*****************************  HOME ***********************************/
#wholepage {
  width:960px;
  background-color:transparent;
  z-index:1;
  text-align:left;
  margin-top:0px;
  position:relative;
  }

 #topframe {
  width:960px;
  height:241px;
   top: 0px;
  left: 0px;
  position:relative;
  display:block;
  background-color:#fcfcfc;
  border-right:2px solid #080;
  border-left:2px solid #080;
}
 #header {
  width:960px;
  height:208px;
  top: 0px;
  left: 0px;
  position:absolute;
  display:block;
  background-color:transparent;
 }
 #navigation {
  width:960px;
  height:3em;
  top: 209px;
  left: 0px;
  position:absolute;
  display:block;
  background-color:transparent;
 }

#content {
  background-color:#fcfcfc;
  padding: 20px 0px 20px 0px;
  border:2px solid #080;
  margin: 8px 0px 0px 0px;
  width:960px;
}

#sign {
  border:2px solid #060;
  margin:5px 30px 5px 10px;
  float:right;
  clear:right;
}
.rframed {
  border:2px solid #060;
  margin:5px 30px 5px 30px;
  float:right;
}
.lframed {
  border:2px solid #060;
  margin:5px 10px 5px 10px;
  float:left;
}
#footlinks a {
  font-size: 10px;
  font-weight:bold;
  font-style: normal;
  text-decoration:underline;
  color: #000;
}
#footlinks a:hover {
  color: #00f;
  text-decoration:none;
}

#partssearchi {
  text-align:center;
  margin: 10px 10px 6px 120px;
  padding: 0px 0px 4px 0px;
  border:2px solid #060;
  width:350px;
}
#searchbigbox {
  margin: 10px 10px 10px 260px;
  height:120px;
}
#partssearchi2 {
  text-align:center;
  margin: 0px 10px 0px 10px;
  padding: 0px 0px 4px 0px;
  border:2px solid #060;
  width:350px;
  float:left;
}
#orderonlinei {
  text-align:center;
  margin: 0px 10px 0px 30px;
  padding: 0px 0px 4px 0px;
  border:2px solid #060;
  width:250px;
  float:left;
}
#ccgroup {
  margin: 2px 10px 2px 5px;
  padding: 0px 0px 0px 0px;
  float:right;
  width:450px;
}
#ccgroup img{
  margin: 0px 10px 0px 10px;
  float:right;
}
.spanishlink {
  margin: 2px 10px 2px 30px;
}
/********************************************** ABOUT US ****************************/
#aboutbox {
  padding: 4px 4px 4px 4px;
  border:6px double #c99414;
  background-color:#ffefc0;
  margin: 15px 10px 5px 80px;
  width:430px;
}
#aboutbox h3 {
  margin: 5px 0px 8px 0px;
  text-align:center;
  font-size: 16px;
  font-weight:bold;
  font-style: normal;
  color: #000;
}
ul.about {
  margin:2px 0px 3px 60px;
  line-height:200%;
  padding:0;
  list-style-type:disk;
}
ul.about li {
  font-size: 14px;
margin:0pt;
padding-left:8px;
}

#asslinks {
  padding: 5px 5px 5px 5px;
  border:0px groove #c99414;
  margin: 5px 60px 5px 20px;
  float:right;
  width:195px;
}
#asslinks img{
  margin: 3px 3px 3px 0px;
  float:left;
}
/**************************************************** SITE MAP ******************/
/********************************/
a.lv1
{
        font-size: 14pt;
        margin: 6px  5px 4px 20px;
        text-align: left;
         font-weight:bold;   }
a.lv1:link
{
        color: #000033;
   }
a.lv1:visited
{
        color: #330033;
            }
a.lv1:hover
{
        background: #FFFF00;
        color: #000000;
           }
a.lv1:active
{
        color: #000066;
        background: #FFFFFF;
         }
/********************************/
a.lv2
{
        font-size: 12pt;
        text-align: left;
        margin: 6px  5px 2px 40px;
         font-weight:bold;   }
a.lv2:link
{
        color: #000088;
   }
a.lv2:visited
{
        color: #550055;
   }
a.lv2:hover
{
        background: #FFFF00;
        color: #000000;
   }
a.lv2:active
{
        color: #000088;
        background: #FFFFFF;
   }
/********************************/
a.lv3
{
        font-size: 10pt;
        margin: 6px  5px 2px 60px;
        text-align: left;
         font-weight:bold;   }
a.lv3:link
{
        color: #0000aa;
   }
a.lv3:visited
{
        color: #770077;
   }
a.lv3:hover
{
        background: #FFFF00;
        color: #000000;
   }
a.lv3:active
{
        color: #0000aa;
        background: #FFFFFF;
   }

/*****************************************************    STAFF *****************/
.staff {
  text-align:center;
  }
.staffbox {
  padding: 2px 2px 2px 2px;
  border:0px solid #080;
  margin: 5px 8px 5px 6px;
  float:left;
  text-align:center;
}
.rframedc {
  border:2px solid #060;
  margin:5px 0px 5px 0px;
}

/*****************************************************    CONTACT *****************/
#ccgroupc {
  margin: 2px 50px 2px 5px;
  padding: 0px 0px 0px 0px;
  float:right;
}
#ccgroupc img{
  margin: 0px 20px 0px 20px;
  float:right;
}
 /************************************************************* MAP **********************************/
   #map_canvas1 {
   margin: 10px 5px 10px 20px;
 }
 #directions1 {
   margin: 10px 5px 10px 10px;
   float:right;
   width:400px;
 }
/***********************************************8 SPECIAL PARTS *******************************/
.partline1 td {
  background: #eee;
  padding: 3px 5px 3px 5px;
}
.partline1p td {
  background: #eee;
  border-bottom:2px solid #000;
  padding: 3px 5px 3px 5px;
}
.partline2 td {
  background: #fff;
  padding: 3px 5px 3px 5px;
}
.partline2p td {
  background: #fff;
  border-bottom:2px solid #000;
  padding: 3px 5px 3px 5px;
}
.partheader {
  font-size: 16px;
  font-weight:bold;
  color: #080;
}
.partheader td {
  padding: 3px 5px 3px 5px;
  border-bottom:3px solid #000;
}
#partlist {
  border:2px solid #060;
  width:70%;
  margin: 10px 10px 0px 40px;
}
.partpic td {
  border-bottom:0px solid #000;
}
#display_part {
width:80%;
}
/*********************************************************** SEARCH FOR PARTS ************************/
#srchtable {
  padding: 0px;
  margin: 20px 0px 0px 0px;
  border:0px solid #080;
}
#srchtable tr {
  padding: 0px;
  margin: 0px 0px 0px 0px;
  border:0px solid #080;
}
.srchimgbox {
  padding: 10px 10px 10px 10px;
  border-top:2px solid #000;
  border-right:2px solid #000;
  border-left:2px solid #000;
  border-bottom:1px solid #bbb;
  margin: 0px 10px 0px 10px;
}
.srchcapbox {
  padding: 10px 10px 10px 10px;
  border-top:1px solid #bbb;
  border-right:2px solid #000;
  border-left:2px solid #000;
  border-bottom:2px solid #000;
  margin: 0px 10px 0px 10px;
  width:224px;
}
.srchcapbox a:link, .srchcapbox a:active, .srchcapbox a:visited {
  font-size: 14px;
  font-weight:bold;
  font-style: normal;
  text-decoration:underline;
  color: #000;
  margin: 0px 10px 0px 10px;
}
.srchcapbox a:hover {
  color: #00f;
  text-decoration:none;
  margin: 0px 10px 0px 10px;
}
/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/padding.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.
=================================================================== */
                                                             /* style the outer div to give it width */
.menu {font-size:0.85em; padding-bottom:1px; width:100%; z-index:500;
       background:#99D6FF url(images/top-menu.gif) center center;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; height:3em; background:transparent; z-index:500;}

/* style the sub-level lists */
.menu ul ul {width:10em; z-index:500;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left;height:3em;line-height:3em; display:block; z-index:500;}

/* style the sub level list items */
.menu ul ul li {display:block;width:10em;height:auto; line-height:1em; z-index:500;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block;float:left;height:100%; width:10em; font-size:1em;
                          text-decoration:none;color:#000;
                          background:#949e7c url(images/top-menu.gif) center center;
                          padding:0 2em 0 1em; border-left:1px solid #eee; border-right:1px solid #000;}
/* hack IE5.x to get the correct the faulty box model and get the width right */
* html .menu a, * html .menu a:visited {width:4em; w\idth:3em;}

/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block;background:#4E7D9C url(images/sub-menu.gif);
                                      color:#150185;width:12em;height:100%;line-height:1em;
                                      padding:0.5em 1em; border-bottom:1px solid #7aa;}
* html .menu ul ul a, * html .menu ul ul a:visited  {width:14em; w\idth:12em;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {border-collapse:collapse; padding:0; margin:-1px; width:0; height:0; font-size:1em; z-index:1;}


/* style the sub level 1 background */
.menu ul :hover a.sub1 {background:#4E7D9C;}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background:#4E7D9C;}

/* style the level hovers */
/* first */
* html .menu a:hover {color:#150185;background:#99D6FF url(images/top-menu2.gif) center center;
                     position:relative; z-index:100;}
.menu li:hover {position:relative;}
.menu :hover > a {color:#150185;background:#99D6FF url(images/top-menu2.gif) center center;}
/* second */
* html .menu ul ul a:hover{color:#000;background:#f0f0f0; position:relative; z-index:110;}
.menu ul ul li:hover {position:relative;}
.menu ul ul :hover > a {color:#000;background:#f0f0f0;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:3em; left:0; width:14em;}

/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{visibility:visible; height:auto; padding:0 3em 3em 3em;
                   background:transparent url(images/space50.gif); left:-3em;}