body
{background-color: white; text-align: center; font-family: arial; font-weight: normal; font-size: 11pt; color: #092e72;
 behavior: url(csshover.htc) }

h1
{font-family: Copperplate Gothic Bold; font-size: 22pt; color: #092E72; margin: 0px 0px 0px 0px}

h2
{font-family: Copperplate Gothic Bold; font-size: 20pt; color: #092E72; margin: 10px 0px 20px 10px}

h3
{font-family: Copperplate Gothic light; font-size: 18pt; color: #092E72; margin: 10px 0px 20px 10px}


/*LAYOUT
----------------------------------------------------------------------------------------------------------------------------*/
#container
{width: 1030px; height: auto; margin: 0px auto 0px auto; text-align: left}

#head
{width: 1030px; height: 110px; background-image:url(images/layout_01.jpg)}

#main
{width: 980px; height: auto; background-image:url(images/layout_03.jpg); padding: 10px 30px 10px 21px; display: inline-block}

#footer
{width: 1030px; height: 81px; background-image:url(images/layout_04.jpg); text-align: center}

.footerText
{width: 800px; height: 30px; padding: 15px 30px 0px 30px; text-align: center; display: inline-block}


/*============================================================================================================================
LAYOUT*/


/*HOME
----------------------------------------------------------------------------------------------------------------------------*/
.homeBg
{width: 977px; height: 442px; background-image:url(images/homeBg.jpg)}

.patentBg
{width: 977px; height: 540px; background-image:url(images/patentBg.jpg)}

.patentLink
{width: 300px; height: 150px; position: relative; left: 250px; top: 350px; text-align: center; float: left}

#homeTextContainer
{width: 390px; height: 442px; float: left; font-family: Copperplate Gothic Bold; color: #092E72;  display: inline-block}

#homeText
{width: 370px; height: auto; margin: 30px 0px 0px 10px; font-family: Arial; font-weight: bold; font-size: 14pt;
 line-height: 26pt}

#homeText2
{width: 370px; height: auto; margin: 25px 0px 0px 10px; font-family: Arial;}

#homeTitle
{width: 390px; height: auto; margin: 20px 0px 0px 10px}

.sciLogo
{width: 111px; height: 89px; background-image:url(images/sci.jpg); position: relative; left: -100px; top: 340px;
 float: right}
 
 .sciLogoAss
{width: 108px; height: 89px; background-image:url(images/sciass.jpg); position: relative; left: -120px; top: 340px;
 float: right}
 
  .sciStamp
{width: 257px; height: 224px; background-image:url(images/sciStamp.jpg); position: relative; left: 193px; top: 10px;
float: right}
/*============================================================================================================================
HOME*/



/*BLIND BOLT PRODUCTS
----------------------------------------------------------------------------------------------------------------------------*/
#blindBolt3
{text-align: center}
/*============================================================================================================================
BLIND BOLT PRODUCTS*/



/*HD PRODUCTS
----------------------------------------------------------------------------------------------------------------------------*/
#list
{font-size: 14pt}

#hdBolt2
{text-align: center}
/*============================================================================================================================
HD PRODUCTS*/



/*TW PODUCTS
----------------------------------------------------------------------------------------------------------------------------*/
#tw2
{text-align: center}
/*============================================================================================================================
TW PODUCTS*/



/*APPLICATIONS
----------------------------------------------------------------------------------------------------------------------------*/
.appContainer
{width: 100%; height: auto; display: inline-block; padding: 0px 0px 0px 50px; margin: 0px 0px 20px 0px}

.appTitle
{width: auto; height: auto; font-family: Copperplate Gothic Light; font-size: 14pt; color: #ff0000;}

.appTag
{width: 500px; height: auto; font-weight: bold; margin: 10px 0px 0px 0px; float: left}

.appContent
{width: 500px; height: auto; float: left; margin: 15px 0px 0px 0px}

.appPic
{width: 150px; height: 150px; float: right; margin: 0px 100px 0px 0px}
/*============================================================================================================================
APPLICATIONS*/


/*MISC
----------------------------------------------------------------------------------------------------------------------------*/
.leftPicBorder
{margin: 0px 25px 0px 0px}
/*============================================================================================================================
MISC*/




/*TECH DATA
----------------------------------------------------------------------------------------------------------------------------*/
#rollContainer
{width: 100%; height: auto; text-align: center;}

.rollover
{width: 196px; height: 108px; background-position: top left; display: block; text-decoration: none; float: left;
    margin: 0px 5px 0px 5px}

.rollover:hover
{background-position: right; display: block}


.techTableContainer
{width: 100%; height: auto; display: inline-block;}

.techTables
{width: auto; height: auto; float: left; text-align: center; margin: 50px 0px 0px 50px}

.techTablesImp
{width: auto; height: auto; float: left; text-align: center; margin: 50px 0px 0px 0px}

.tableTitles
{font-family: Copperplate Gothic Bold; font-weight: normal; font-size: 14pt; color: #092e72;}

.techTableTitle
{color: #000; text-align: center; width: 100px}

.techTableTitleWide
{color: #000; text-align: center; width: 200px}

.techTableBoltSize
{color: #000; text-align: center; width: 200px}

.techDataPicsRight
{float: right; width: 200px; height: auto; margin: 50px 0px 0px 0px}

.techDataPicsLeft
{float: left; width: 200px; height: auto; margin: 0px 0px 0px 50px}
/*============================================================================================================================
TECH DATA*/


/*FIX TERMS
----------------------------------------------------------------------------------------------------------------------------*/
.testTermContainer
{width: 100%; height: auto; display: inline-block; margin: 0px 0px 30px 0px}

.testTermInfo
{width: 50%; height: auto; display: inline-block; float: left; margin: 0px 0px 0px 20px}

.testTermInfo
{width: 50%; height: auto; display: inline-block; float: left; margin: 0px 70px 0px 20px}


#testRolloverContainer
{width: 205px; height: auto; text-align: center; float: left}

.testRollover
{width: 100px; height: 50px; background-position: top left; display: block; text-decoration: none; float: left;}

.testRollover:hover
{background-position: right; display: block}

#imagePosition
{float: left; margin: 0px 50px 0px 100px}

#explanation
{OVERFLOW: auto; WIDTH: 150px; HEIGHT: 414px; float: left}
/*============================================================================================================================
FIX TERMS*/


/*CONTACT FORM
----------------------------------------------------------------------------------------------------------------------------*/
.contactContainer
{width: 750px; height: auto; font-weight: bold;}

.contactTitle
{width: auto; height: auto; float: left; padding: 0px 15px 0px 0px; text-align: right; line-height: 23px
 ; font-weight: bold; display: block}

.contactBoxes
{width: 350px; height: auto; float: left}

.thanks
{display: inline-block; width: 350px; height: 100px}

/*============================================================================================================================
CONTACT FORM*/


/*NEWS
----------------------------------------------------------------------------------------------------------------------------*/
.newsContainer
{width: 100%; height: auto; display: inline-block; padding: 50px 0px 0px 50px; margin: 0px 0px 20px 0px}

.newsTitle
{width: auto; height: auto; font-family: Copperplate Gothic Light; font-size: 14pt; color: #ff0000;}

.newsTag
{width: 500px; height: auto; font-weight: bold; margin: 10px 0px 0px 0px; float: left}

.newsContent
{width: 500px; height: auto; float: left; margin: 15px 0px 0px 0px}

.newsPic
{width: 150px; height: 150px; float: right; margin: 0px 100px 0px 0px}
/*============================================================================================================================
NEWS*/

/*LINKS
----------------------------------------------------------------------------------------------------------------------------*/
.linksContainer
{width: 100%; height: auto; display: inline-block; padding: 50px 0px 0px 50px; margin: 0px 0px 20px 0px}

.linksTitle
{width: auto; height: auto; font-family: Copperplate Gothic Light; font-size: 14pt; color: #ff0000;}

.linksContent
{width: 500px; height: auto; float: left; margin: 15px 0px 0px 0px}

.linksPic
{width: 150px; height: 150px; float: right; margin: 0px 100px 0px 0px}
/*============================================================================================================================
LINKS*/


/*DISTRIBUTORS
----------------------------------------------------------------------------------------------------------------------------*/
#distribInfoContainer
{width: 100%; height: auto; display: inline-block;}

#distribContainer
{width: 300px; height: auto; display: inline; padding: 0px 0px 0px 0px; margin: 50px 0px 0px 0px; float: left}

#asiaDistribContainer
{width: 290px; height: auto; display: inline; padding: 0px 0px 0px 0px; margin: 50px 0px 0px 0px; float: left; }

.distribTitle
{width: auto; height: auto; font-family: Copperplate Gothic Light; font-size: 14pt; color: #ff0000;
 margin: 50px 0px 20px 0px;}

.distribContent
{width: 300px; height: auto; float: left; margin: 15px 0px 0px 0px}

.distribPic
{width: 150px; height: 150px; float: right; margin: 0px 100px 0px 0px}

/*UK DISTRIBUTORS
----------------------------------------------------------------------------------------------------------------------------*/
.railway
{width: 100%; height: auto; display: inline-block; text-align: left}

.ukMapContainer
{width: 364px; height: 468px; float: left; background-image: url(images/uk-map.jpg); margin: 0px 20px 0px 20px;
 display: inline-block}
 
 .steadfast
{width: 15px; height: 15px; position: relative; left: 218px; top: 100px; text-decoration: none}

.mbw
{width: 15px; height: 15px; position: relative; left: 153px; top: 163px; text-decoration: none;}

.sig
{width: 15px; height: 15px; position: relative; left: 198px; top: 198px; text-decoration: none;}

.glowbar1
{width: 15px; height: 15px; position: relative; left: 163px; top: 266px; text-decoration: none;}

.glowbar2
{width: 15px; height: 15px; position: relative; left: 120px; top: 338px; text-decoration: none;}

.grayson1
{width: 15px; height: 15px; position: relative; left: 158px; top: 274px; text-decoration: none;}

.grayson2
{width: 15px; height: 15px; position: relative; left: 134px; top: 329px; text-decoration: none;}

.norfolk
{width: 15px; height: 15px; position: relative; left: 173px; top: 322px; text-decoration: none;}

.builders
{width: 15px; height: 15px; position: relative; left: 173px; top: 317px; text-decoration: none;}

.lakedale
{width: 15px; height: 15px; position: relative; left: 118px; top: 365px; text-decoration: none;}

.rsr
{width: 15px; height: 15px; position: relative; left: 80px; top: 375px; text-decoration: none;}

.tq
{width: 15px; height: 15px; position: relative; left: 3px; top: 366px; text-decoration: none; }

.profast1
{width: 15px; height: 15px; position: relative; left: -151px; top: 217px; text-decoration: none;}

.profast2
{width: 15px; height: 15px; position: relative; left: -188px; top: 290px; text-decoration: none;}

.thunder
{width: 15px; height: 15px; position: relative; left: -25px; top: 395px;
text-decoration: none;}
/*============================================================================================================================
UK DISTRIBUTORS*/


/*EURO DISTRIBUTORS
----------------------------------------------------------------------------------------------------------------------------*/
.euroMapContainer
{width: 400px; height: 465px; background-image: url(images/europe-map.jpg); margin: 0px 20px 0px 20px;
 float: left; display: inline-block}

.danishDistrib
{width: 15px; height: 15px; position: relative; left: 207px; top: 205px; text-decoration: none;}

.spanishDistrib
{width: 15px; height: 15px; position: relative; left: 100px; top: 375px; text-decoration: none;}

.ukDistribEuro
{width: 15px; height: 15px; position: relative; left: 82px; top: 234px; text-decoration: none;}
/*============================================================================================================================
EURO DISTRIBUTORS*/


/*AMERICAN DISTRIBUTORS
----------------------------------------------------------------------------------------------------------------------------*/
.americanMapContainer
{width: 536px; height: 632px; background-image: url(images/us-map-2.jpg); margin: 0px 20px 0px 20px;
 float: left; display: inline-block}

.bbNorthAmerica
{width: 15px; height: 15px; position: relative; left: 243px; top: 169px; text-decoration: none;}

.usHerc
{width: 15px; height: 15px; position: relative; left: 190px; top: 183px; text-decoration: none;}

.usLord
{width: 15px; height: 15px; position: relative; left: 68px; top: 185px; text-decoration: none;}

.usKing
{width: 15px; height: 15px; position: relative; left: 163px; top: 203px; text-decoration: none;}


.advance
{width: 15px; height: 15px; position: relative; left: 91px; top: 198px; text-decoration: none;}

.amFab
{width: 15px; height: 15px; position: relative; left: 120px; top: 155px; text-decoration: none;}

.eberl
{width: 10px; height: 15px; position: relative; left: 141px; top: 156px; text-decoration: none;}

.thur
{width: 15px; height: 15px; position: relative; left: 124px; top: 175px; text-decoration: none;}

.elecFast
{width: 15px; height: 15px; position: relative; left: 125px; top: 169px; text-decoration: none;}

/*============================================================================================================================
AMERICAN DISTRIBUTORS*/


/*ASIA DISTRIBUTORS
----------------------------------------------------------------------------------------------------------------------------*/
.asiaMapContainer
{width: 620px; height: 367px; background-image: url(images/asia-map.jpg); margin: 0px 20px 0px 20px;
 float: left; display: inline-block}

.asiaIndo
{width: 15px; height: 15px; position: relative; left: 244px; top: 300px; text-decoration: none;}

.asiaThi
{width: 15px; height: 15px; position: relative; left: 171px; top: 195px; text-decoration: none;}

.asiaSri
{width: 15px; height: 15px; position: relative; left: 55px; top: 225px; text-decoration: none;}

.asiaHong
{width: 15px; height: 15px; position: relative; left: 194px; top: 146px; text-decoration: none;}

.asiaSK
{width: 15px; height: 15px; position: relative; left: 245px; top: 75px; text-decoration: none;}
/*============================================================================================================================
ASIA DISTRIBUTORS*/

/*============================================================================================================================
DISTRIBUTORS*/




.class1 {font-family: Helvetica; font-size: 8pt; color: #092e72;}



.techTableData {font-family: arial; font-weight: normal; font-size: 9pt; color: #092e72;}

p {}

td {font-family: arial; font-weight: normal; font-size: 11pt; color: #092e72;}



/*MENU
----------------------------------------------------------------------------------------------------------------------------*/
#menu
{width: 970px; height: 22px; background-image: url(images/layout_02.jpg); float: left; font-weight: bold;
 padding: 0px 30px 0px 30px; font-weight: bold; font-family: arial}

.test
{width: 80px; height: auto; border: solid 2px #888; background: #f00; text-align: center; margin: 3px 5px 3px 5px}

#menu ul
{list-style: none; margin: 0; padding: 0; width: 105px; float: left; font-weight: bold;}

#menu a, #menu h2 
{display: block; margin: 0; padding: 2px 3px; font-weight: bold; font-family: arial}

#menu h2
{color: #fff;  font-weight: bold; margin: 0px 0px 5px 0px;}

#menu a 
{color: #fff; text-decoration: none;  font-weight: bold}

#menu a:hover 
{color: #0000ff;}

#menu li
{position: relative;  font-weight: bold;}

#menu ul ul 
{position: absolute; z-index: 500;}

#menu ul ul ul 
{top: 0; left: 100%;  font-weight: bold; border: solid 2px #ff0}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

/*IE FIX*/
<!--[if IE]>

<style type="text/css" media="screen">
body {
behavior: url(csshover.htc);
font-size: 100%;
}

#menu ul li 
{float: left; width: 100%;  font-weight: bold}

#menu ul li a
{height: 1%;} 

#menu a, #menu h2 
{font-weight: bold; font-family: arial; font-size: 11px}
</style>

<![endif]-->
/*============================================================================================================================
MENU*/