body{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color:#000000; text-align:center; background: url(../images/gif/bg2.gif) repeat-x; scrollbar-base-color: #000000; scrollbar-face-color: #3a3f3a; scrollbar-track-color: #000000; scrollbar-highlight-color: #000000; scrollbar-3dlight-color: #000000; scrollbar-shadow-color: #000000; scrollbar-darkshadow-color: #000000; scrollbar-arrow-color: #ffffff; } #mainContainer { margin:0 auto; } .std_tx { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff} .std_tx_black { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000} .yellow_tx_b { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ffff00} .txfld { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #F4F4F4; border: #999999; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; font-size: 11px} img {border-color: #000000;} a { color: #ffff00; text-decoration: none;} a:hover { color: #000000; text-decoration: none;} .input{ background : #D6F7C9; color : #4D4D4D; font-family : Verdana, Arial, Helvetica, Sans-Serif; font-size : 10px; margin-top : 5px; border-left : #000000 1px solid; border-top : #000000 1px solid; border-right : #000000 1px solid; border-bottom : #000000 1px solid; width : 100%; } .special {visibility: hidden; display:none;} #defaultSize { position: relative; top: 0px; left: 0px; width: 800px; height: 100%; margin-left: auto; margin-right: auto; z-index: auto;} /** welcome **/ #welcomeImage01 { position: absolute; top: 0px; left: 0px; width:auto; margin-left: auto; margin-right: auto; z-index: auto;} #welcomeText01 { position: absolute; top: 0px; left: 360px; width:auto; margin-left: auto; margin-right: auto; z-index: auto;} #welcomeText02 { position: absolute; top: 400px; left: 0px; width:auto; margin-left: auto; margin-right: auto; z-index: auto;} #welcomeWhoWeAreImage { position: absolute; top: 160px; left: 360px; width:auto; margin-left: auto; margin-right: auto; z-index: auto;} #welcomeWhoWeAreText { position: absolute; top: 270px; left: 360px; width:150px; margin-left: auto; margin-right: auto; z-index: auto;} #welcomeClientsImage { position: absolute; top: 160px; left: 515px; width:auto; margin-left: auto; margin-right: auto; z-index: auto;} #welcomeClientsText { position: absolute; top: 270px; left: 515px; width:150px; margin-left: auto; margin-right: auto; z-index: auto;} #welcomeTeamImage { position: absolute; top: 175px; left: 677px; width:auto; margin-left: auto; margin-right: auto; z-index: auto;} #welcomeTeamText { position: absolute; top: 270px; left: 667px; width:150px; margin-left: auto; margin-right: auto; z-index: auto;} #welcomeText02 { position: absolute; top: 375px; left: 450px; width:auto; margin-left: auto; margin-right: auto; z-index: auto;} #welcomeHappyBirthdayText01 { position: absolute; top: 200px; left: 0px; width:auto; margin-left: auto; margin-right: auto; z-index: auto;} #welcomeWeAreFiveImage { position: absolute; top: 300px; left: 200px; width:auto; margin-left: auto; margin-right: auto; z-index: auto;} #welcomeHappyBirthdayCake { position: absolute; top: 300px; left: 0px; width:auto; margin-left: auto; margin-right: auto; z-index: auto;} #welcomeHappyBirthdayText02 { position: absolute; top: 340px; left: 210px; width:180px; margin-left: auto; margin-right: auto; z-index: auto;} /** what we do css **/ #whatWeDoImage01 { position: absolute; top: 25px; left: 40px; width:auto; margin-left: auto; margin-right: auto; z-index: auto;} #whatWeDoImage02 { position: absolute; top: 43px; left: 250px; width: auto; margin-left: auto; margin-right: auto; z-index: auto; } #whatWeDoImage03 { position: absolute; top: 39px; left: 535px; width: auto; margin-left: auto; margin-right: auto; z-index: auto;} #whatWeDoImage04 { position: absolute; top: 240px; left: 300px; width: auto; margin-left: auto; margin-right: auto; z-index: auto; } #whatWeDoImage05 { position: absolute; top: 220px; left: 70px; width: auto; margin-left: auto; margin-right: auto; z-index: auto;} #whatWeDoText01 { position: absolute; top: 0px; left: 0px; width: 250px; margin-left: auto; margin-right: auto; z-index: auto;} #whatWeDoText02 { position: absolute; top: 0px; left: 240px; width: 220px; margin-left: auto; margin-right: auto; z-index: auto; text-align:center;} #whatWeDoText03 { position: absolute; top: 0px; left: 480px; width: 250px; margin-left: auto; margin-right: auto; z-index: auto; text-align:center;} #whatWeDoText04 { position: absolute; top: 185px; left: 480px; width: 250px; margin-left: auto; margin-right: auto; z-index: auto; text-align:center;} #whatWeDoText05 { position: absolute; top: 375px; left: 250px; width: 300px; margin-left: auto; margin-right: auto; z-index: auto; text-align:center;} #whatWeDoText06 { position: absolute; top: 430px; left: 0px; width: 350px; margin-left: auto; margin-right: auto; z-index: auto; text-align:center;} #whatWeDoText07 { position: absolute; top:290px; left: 570px; width: 400px; margin-left: auto; margin-right: auto; z-index: auto;} #dot1 { position: absolute; top:100px; left: 180px; width: auto; margin-left: auto; margin-right: auto; z-index: auto;} #dot2 { position: absolute; top:100px; left: 470px; width: auto; margin-left: auto; margin-right: auto; z-index: auto;} #dot3 { position: absolute; top:250px; left: 510px; width: auto; margin-left: auto; margin-right: auto; z-index: auto;} #dot4 { position: absolute; top:300px; left: 230px; width: auto; margin-left: auto; margin-right: auto; z-index: auto;} #whatWeDoBritishQuality { position: absolute; top:160px; left: 843px; width: 400px; margin-left: auto; margin-right: auto; z-index: auto;} /** products css **/ #productsPageState { position: absolute; top: -50px; left: 250px; width:auto; margin-left: auto; margin-right: auto; z-index: auto;} /** page 01 **/ #productsImage01 { position: absolute; top: 0px; left: 500px; width: auto; margin-left: auto; margin-right: auto; z-index: auto;} #productsImage02 { position: absolute; top: 100px; left: 0px; width: auto; margin-left: auto; margin-right: auto; z-index: auto; } #productsTailpipes { position: absolute; top: 250px; left: 350px; width: 149x; margin-left: auto; margin-right: auto; z-index: auto; text-align:center;} #productsCat { position: absolute; top: 300px; left: 750px; width: 159px; margin-left: auto; margin-right: auto; z-index: auto; text-align:center;} #productsInduction { position: absolute; top: 400px; left: 50px; width: 233px; margin-left: auto; margin-right: auto; z-index: auto; text-align:center;} #productsBike { position: absolute; top: 350px; left: 570px; width: 114px; margin-left: auto; margin-right: auto; z-index: auto; text-align:center;} #productsPages { position: absolute; top: -55px; left: 180px; width: auto; margin-left: auto; margin-right: auto; z-index: auto; } #productsText01 { position: absolute; top: 0px; left: 0px; width: 500px; margin-left: auto; margin-right: auto; z-index: auto;} #productsText02 { position: absolute; top: 150px; left: 220px; width: 260px; margin-left: auto; margin-right: auto; z-index: auto; } /** page 02 **/ #products02UnderBonnetModsHeader { position: absolute; top: 0px; left: 250px; width: auto; margin-left: auto; margin-right: auto; z-index: auto;} #products02Image01 { position: absolute; top: 0px; left: 0px; width: auto; margin-left: auto; margin-right: auto; z-index: auto;} #products02Text01 { position: absolute; top: 30px; left: 250px; width: 570px; margin-left: auto; margin-right: auto; z-index: auto;} #products02ManifoldsHeader { position: absolute; top: 90px; left: 255px; width: auto; margin-left: auto; margin-right: auto; z-index: auto;} #products02Image04 { position: absolute; top: 95px; left: 635px; width: auto; margin-left: auto; margin-right: auto; z-index: auto;} #products02Text04 { position: absolute; top: 120px; left: 255px; width: 380px; margin-left: auto; margin-right: auto; z-index: auto;} #products02Text04-1 { position: absolute; top: 250px; left: 255px; width: 600px; margin-left: auto; margin-right: auto; z-index: auto;} #products02RamAirHeader { position: absolute; top: 460px; left: 380px; width: auto; margin-left: auto; margin-right: auto; z-index: auto;} #products02Image03 { position: absolute; top: 310px; left: 395px; width: auto; margin-left: auto; margin-right: auto; z-index: auto;} #products02Text03 { position: absolute; top: 490px; left: 380px; width: 280px; margin-left: auto; margin-right: auto; z-index: auto;} #products02OpenFilterHeader { position: absolute; top: 390px; left: 0px; width: 250; margin-left: auto; margin-right: auto; z-index: auto; text-align:center;} #products02Image02 { position: absolute; top: 230px; left: 0px; width: 0px; margin-left: auto; margin-right: auto; z-index: auto; text-align:center;} #products02Text02 { position: absolute; top: 420px; left: 0px; width: 350px; margin-left: auto; margin-right: auto; z-index: auto;} #products02IntercoolerHeader { position: absolute; top: 420px; left: 720px; width: auto; margin-left: auto; margin-right: auto; z-index: auto;} #products02Image05 { position: absolute; top: 270px; left: 710px; width: auto; margin-left: auto; margin-right: auto; z-index: auto;} #products02Text05 { position: absolute; top: 450px; left: 690px; width: 280px; margin-left: auto; margin-right: auto; z-index: auto;} /** Science Bit **/ #sciencePageState { position: absolute; top: -50px; left: 355px; width:auto; margin-left: auto; margin-right: auto; z-index: auto;} /** page 01 **/ #sciencePages { position: absolute; top: -55px; left: 290px; width: auto; margin-left: auto; margin-right: auto; z-index: auto; } #scienceImage01 { position: absolute; top: 0px; left: 0px; width: auto; margin-left: auto; margin-right: auto; z-index: auto;} #scienceText01 { position: absolute; top: 10px; left: 250px; width: auto; margin-left: auto; margin-right: auto; z-index: auto;} #scienceAdvantageHeader { position: absolute; top: 150px; left: 140px; width: auto; margin-left: auto; margin-right: auto; z-index: auto;} #scienceCorrosionHeader { position: absolute; top: 220px; left: 20px; width: 400px; margin-left: auto; margin-right: auto; z-index: auto;} #scienceAppearanceHeader { position: absolute; top: 220px; left: 470px; width: 400px; margin-left: auto; margin-right: auto; z-index: auto;} #scienceLowCostHeader { position: absolute; top: 300px; left: 470px; width: 400px; margin-left: auto; margin-right: auto; z-index: auto;} #scienceEnviromentHeader { position: absolute; top: 340px; left: 20px; width: auto; margin-left: auto; margin-right: auto; z-index: auto;} #scienceHealthHeader { position: absolute; top: 430px; left: 20px; width: auto; margin-left: auto; margin-right: auto; z-index: auto;} #scienceLawHeader { position: absolute; top: 420px; left: 470px; width: auto; margin-left: auto; margin-right: auto; z-index: auto;} #scienceCorrosionText { position: absolute; top: 250px; left: 20px; width: 400px; margin-left: auto; margin-right: auto; z-index: auto;} #scienceAppearanceText { position: absolute; top: 250px; left: 470px; width: 400px; margin-left: auto; margin-right: auto; z-index: auto;} #scienceLowCostText { position: absolute; top: 330px; left: 470px; width: 400px; margin-left: auto; margin-right: auto; z-index: auto;} #scienceEnviromentText { position: absolute; top: 370px; left: 20px; width: 400px; margin-left: auto; margin-right: auto; z-index: auto;} #scienceHealthText { position: absolute; top: 460px; left: 20px; width: 400px; margin-left: auto; margin-right: auto; z-index: auto;} #scienceLawText { position: absolute; top: 450px; left: 470px; width: auto; margin-left: auto; margin-right: auto; z-index: auto;} /** page 02 **/ #scienceLifespanHeader { position: absolute; top: 0px; left: 0px; width: auto; margin-left: auto; margin-right: auto; z-index: auto;} #scienceTwoFactorsHeader { position: absolute; top: 50px; left: 470px; width: auto; margin-left: auto; margin-right: auto; z-index: auto;} #scienceMadeOfHeader { position: absolute; top: 80px; left: 490px; width: auto; margin-left: auto; margin-right: auto; z-index: auto;} #scienceUsedHeader { position: absolute; top: 110px; left: 490px; width: auto; margin-left: auto; margin-right: auto; z-index: auto;} #scienceTigWeldHeader { position: absolute; top: 380px; left: 0px; width: auto; margin-left: auto; margin-right: auto; z-index: auto;} #scienceGreatNewsHeader { position: absolute; top: 460px; left: 230px; width: auto; margin-left: auto; margin-right: auto; z-index: auto;} #scienceImage02 { position: absolute; top: 300px; left: 750px; width: auto; margin-left: auto; margin-right: auto; z-index: auto;} #scienceImage03 { position: absolute; top: 220px; left: 0px; width: auto; margin-left: auto; margin-right: auto; z-index: auto;} #scienceLifespanText { position: absolute; top: 50px; left: 0px; width: 450px; margin-left: auto; margin-right: auto; z-index: auto;} #scienceLifespanText2 { position: absolute; top: 160px; left: 0px; width: 800px; margin-left: auto; margin-right: auto; z-index: auto;} #scienceText03 { position: absolute; top: 230px; left: 200px; width: 530px; margin-left: auto; margin-right: auto; z-index: auto;} #scienceTigWeldText { position: absolute; top: 415px; left: 0px; width: 700px; margin-left: auto; margin-right: auto; z-index: auto;} #scienceGreatNewsText { position: absolute; top: 495px; left: 0px; width: 730px; margin-left: auto; margin-right: auto; z-index: auto;} /** Happy Clients **/ #clientsText01 { position: absolute; top: -70px; left: 260px; width: 500; margin-left: auto; margin-right: auto; z-index: auto;} #clientsText02 { position: absolute; top: 435px; left: 0px; width: 600; margin-left: auto; margin-right: auto; z-index: auto;} #clientsFeaturedImage { position: absolute; top: 490px; left: 0px; width: auto; margin-left: auto; margin-right: auto; z-index: auto;} #clientsText03 { position: absolute; top: 520px; left: 00px; width: 580px; margin-left: auto; margin-right: auto; z-index: auto;} #testimonialPages { position: absolute; top: 405px; left: 10px; width: 547px; height:auto; margin-left: auto; margin-right: auto; z-index: auto; text-align: center;} /** Forums **/ #forumsMainText01 { position: absolute; top: 0px; left: 0px; width: auto; margin-left: auto; margin-right: auto; z-index: auto;} #forumsLinks { position: absolute; top: 80px; left: 0px; width: 800; margin-left: auto; margin-right: auto; z-index: auto; text-align:center;} /** Quotes **/ #quoteMainText01 { position: absolute; top: 0px; left: 0px; width: auto; margin-left: auto; margin-right: auto; z-index: auto;} #quoteForm { position: absolute; top: 100px; left: 0px; width: 800; margin-left: auto; margin-right: auto; z-index: auto; text-align:center;} /** Where we Are **/ #whereWeAreMapImage { position: absolute; top: 0px; left: 0px; width: auto; margin-left: auto; margin-right: auto; z-index: auto;} #whereWeAreAddressText { position: absolute; top: 40px; left: 500px; width: auto; margin-left: auto; margin-right: auto; z-index: auto;} #whereWeAreLinkImages { position: absolute; top: 200px; left: 500px; width: auto; margin-left: auto; margin-right: auto; z-index: auto;} #whereWeAreMeetText { position: absolute; top: 450px; left: 0px; width: 900; margin-left: auto; margin-right: auto; z-index: auto; text-align:center;} /** Sound **/ #soundMainText01 { position: absolute; top: 0px; left: 0px; width: auto; margin-left: auto; margin-right: auto; z-index: auto; text-align:center;} #soundMainText02 { position: absolute; top: 170px; left: 0px; width: auto; margin-left: auto; margin-right: auto; z-index: auto; text-align:center;} #soundMainText03 { position: absolute; top: 330px; left: 210px; width: 300; margin-left: auto; margin-right: auto; z-index: auto; text-align:center;} #soundMainText04 { position: absolute; top: 400px; left: 280px; width: 350; margin-left: auto; margin-right: auto; z-index: auto; text-align:center;} #soundQuietClipHeader { position: absolute; top: 40px; left: 120px; width: auto; margin-left: auto; margin-right: auto; z-index: auto; text-align:center;} #soundQuietClip { position: absolute; top: 65px; left: 120px; width: auto; margin-left: auto; margin-right: auto; z-index: auto; text-align:center;} #soundMidClipHeader { position: absolute; top: 40px; left: 320px; width: auto; margin-left: auto; margin-right: auto; z-index: auto; text-align:center;} #soundMidClip { position: absolute; top: 65px; left: 320px; width: auto; margin-left: auto; margin-right: auto; z-index: auto; text-align:center;} #soundLoudClipHeader { position: absolute; top: 40px; left: 520px; width: auto; margin-left: auto; margin-right: auto; z-index: auto; text-align:center;} #soundLoudClip { position: absolute; top: 65px; left: 520px; width: auto; margin-left: auto; margin-right: auto; z-index: auto; text-align:center;} #soundBedInHeader { position: absolute; top: 215px; left: 150px; width: auto; margin-left: auto; margin-right: auto; z-index: auto; } #soundImage01 { position: absolute; top: 300px; left: 650px; width: auto; margin-left: auto; margin-right: auto; z-index: auto; } #soundImage02 { position: absolute; top: 300px; left: 0px; width: auto; margin-left: auto; margin-right: auto; z-index: auto; } /** Gallery **/ #galleryThumbsBackground { position: absolute; top: 0px; left: 580px; width: 235px; height:527px; margin-left: auto; margin-right: auto; z-index: auto; background-image: url(../images/gif/thumbBackground.gif);} #galleryThumbs { position: absolute; top: 23px; left: 4px; width: 225px; height:490px;; margin-left: auto; margin-right: auto; z-index: auto; overflow: scroll} #galleryMainBackground { position: absolute; top: 0px; left: 10px; width: 547px; height:409px; margin-left: auto; margin-right: auto; z-index: auto; background-image: url(../images/gif/galleryMainBackground.gif);} #galleryMain { position: absolute; top: 25px; left: 23px; width: auto; height:auto; margin-left: auto; margin-right: auto; z-index: auto;} #galleryNavButtons { position: absolute; top: 375px; left: 23px; width: 547px; height:auto; margin-left: auto; margin-right: auto; z-index: auto; text-align:center;} #galleryProgressBar { position: absolute; top: 0px; left: 23px; width: 547px; height:auto; margin-left: auto; margin-right: auto; z-index: auto; text-align:center;} #galleryPages { position: absolute; top: 435px; left: 10px; width: 547px; height:auto; margin-left: auto; margin-right: auto; z-index: auto; text-align: center;}