/*---START PNG FIX---*/
img { behavior: url('fx-iepngfix.htc'); }
/*---END PNG FIX---*/

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 Light;
font-size: 26pt;
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: 1000px;
height: auto;
margin: 0px auto 0px auto;
text-align: left;
}

#mapContainer
{
width: 1000px;
height: auto;
margin: 0px auto 0px auto;
text-align: left;
}

#head
{
width: 1000px;
height: 139px;
background-image:url(http://new.blindbolt.co.uk/images/header.jpg);
position: relative;
display: inline-block;
z-index: 100;
}

#main
{
width: 1000px;
height: auto;
background-image:url(http://new.blindbolt.co.uk/images/mainbg.jpg);
display: inline-block;
text-align: center;
}
#mainMap
{width: 980px; height: auto; padding: 10px 30px 10px 21px; display: inline-block}


#pageInfo
{
width: 95%;
height: auto;
text-align: left;
margin: 0px auto 0px auto;
}


#footer
{width: 1000px;
height: 67px;
background-image:url(http://new.blindbolt.co.uk/images/footer.jpg);
text-align: center;
position: relative;
}

.footerText
{
width: 800px;
height: 30px;
position: absolute;
top: 15px;
left: 150px;
text-align: center;
display: inline-block;
}
/*MENU
----------------------------------------------------------------------------------------------------------------------------*/
.menu
{
width: 962px;
height: 22px;
/*background-image: url(http://new.blindbolt.co.uk/images/menu_bg.jpg);*/
background-color:#1b3f95;
float: left;
font-weight: bold;
position: absolute;
top: 100px;
left: 15px;
font-weight: bold;
font-family: arial;
display: inline-block;
}

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


/*============================================================================================================================
MENU*/

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


/*HOME
----------------------------------------------------------------------------------------------------------------------------*/
.homeBackground
{
width: 100%;
height: 558px;
background-image:url(http://new.blindbolt.co.uk/images/homebg.jpg);
display: inline-block;
margin: 0px 0px 15px 0px;
position: relative;
}

.homeBackgroundusa
{
width: 100%;
height: 675px;
background-image:url(http://new.blindbolt.co.uk/images/home-bg-usa.jpg);
display: inline-block;
margin: 0px 0px 15px 0px;
position: relative;
background-color: #E3E6F5;
background-repeat: no-repeat;
}

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

#patentLink
{
width: auto;
height: auto;
position: absolute;
bottom: 20px;
right: 200px;
font-family: Arial;
font-size: 12pt;
text-align: center;
font-weight: normal;
}

.companyInfo
{
position: absolute;
top: 10px;
left: 20px;
font-size: 0.7em;
text-align: left;
}

#homeText
{
width: 490px;
height: auto;
position: absolute;
top: 50px;
left: 120px;
font-family: Arial;
font-size: 12pt;
text-align: center;
font-weight: normal;
}

#homeText2
{
width: 600px;
height: auto;
position: absolute;
bottom: 10px;
left: 10px;
font-family: Arial;
font-size: 0.8em
}

#homeTitle
{
width: 490px;
height: auto;
position: absolute;
top: 10px;
left: 120px;
text-align: center;
}

#homeText3
{
width: 490px;
height: auto;
position: absolute;
top: 90px;
left: 120px;
font-family: Arial;
font-size: 10pt;
text-align: center;
font-weight: normal;
}
 
.homeHoldPic
{
margin-left: -2px;
text-align: center;
width: 980px;
height: 315px;
position: relative;
top: 185px;
}
 
.homeHoldPicUsa
{
margin-left: -2px;
text-align: center;
width: 980px;
height: 315px;
position: relative;
top: 310px;
}

.usaHomeDistrib
{
width: 450px;
height: auto;
display: block;
float: left;
position: absolute;
top: 170px;
left: 30px;
}

.usaHomeDistribTitle
{
width: 450px;
height: auto;
display: block;
float: left;
position: absolute;
top: 170px;
left: 30px;
font-family: Copperplate Gothic Bold;
font-size: 20pt;
color: #092E72;
}

.homeVideo {float: left;  background-image: url(./images/videobg.png); width: 320px; height: 310px}

.homeNewBanner
{
width: 495px;
height: 112px;
background-image: url(./images/newBB.png);
position: absolute;
top: 97px;
left: 80px;
z-index: 100;
}
.homeNewBannerText
{
width: 320px;
height: 55px;
position: absolute;
left: 170px;
top: 30px;
}

.sciLogo
{
width: 79px;
height: 63px;
background-image:url(http://new.blindbolt.co.uk/images/scilogo.jpg);
position: absolute;
right: 10px;
bottom: 10px;
}
 
 .sciLogoAss
{
width: 75px;
height: 63px;
background-image:url(http://new.blindbolt.co.uk/images/scilogoass.jpg);
position: absolute;
right: 100px;
bottom: 10px;
}
 
  .sciStamp
{
width: 257px;
height: 224px;
background-image:url(http://new.blindbolt.co.uk/images/sciStamp.jpg);
position: relative;
left: 193px;
top: 10px;
float: right;
}

.sciReportLink
{
width: 170px;
height: 150px;
position: absolute;
top: 10px;
right: 50px;
display: inline-block;
}

/*============================================================================================================================
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: 150px; height: auto; margin: 0px 0px 0px 0px}

.techDataPicsLeft
{float: left; width: 150px; height: auto; margin: 0px 0px 0px 0px}
/*============================================================================================================================
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: 113px; top: 375px; text-decoration: none;}

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

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

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

.thunder
{width: 15px; height: 15px; position: relative; left: 13px; 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}

.nederDistrib
{width: 15px; height: 15px; position: relative; left: 95px; top: 245px; text-decoration: none;}

.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: 62px; 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}



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

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

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

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

.usKing3
{width: 15px; height: 15px; position: relative; left: 73px; top: 192px; text-decoration: none;}

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

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

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

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

.elecFast
{width: 15px; height: 15px; position: relative; left: 150px; 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}



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

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


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


/*MID EAST DISTRIBUTORS
----------------------------------------------------------------------------------------------------------------------------*/
.midEastContainer
{
width: 400px;
height: 435px;
background-image: url(images/middle-east.jpg);
margin: 0px 20px 0px 20px;
float: left;
display: inline-block
}

.arslan
{
width: 15px;
height: 15px;
position: relative;
left: 279px;
top: 240px;
text-decoration: none;
}



/*============================================================================================================================
MID EAST 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;}



/*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]-->