/* Client: INMOCO ----------------------------------------- */ /* */ /* css coding produced by Clive Moore MA */ /* www.ma-design.com */ /* tel: 01902 344236 */ /* */ /* March - October 2006 */ /* */ /* UPDATE - January 2007 */ /* UPDATE - February 2007 */ /* UPDATE - April 2007 */ /* UPDATE - July 2007 */ /* ----------------------------------------------------------- */ @import "http://www.inmoco.com/css/inmoco_contact_us.css"; @import "http://www.inmoco.com/css/inmoco_images.css"; body { margin-top: 0px; margin-left: 0px; background-color: #000082; color: white; font-family: Arial, sans serif; } /* APPLY THE SCROLL BAR STYLE TO THE HTML TAG - WILL ENSURE THAT THE PAGE VALIDATES */ html { SCROLLBAR-FACE-COLOR: #000082; SCROLLBAR-HIGHLIGHT-COLOR: #3333FF; SCROLLBAR-SHADOW-COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #0099FF; SCROLLBAR-ARROW-COLOR: #FFA500; SCROLLBAR-TRACK-COLOR: #000082; SCROLLBAR-DARKSHADOW-COLOR: #003366; } a:link, a:visited, a:active { text-decoration: none; color: silver; } a:hover { font-weight: bold; text-decoration: none; color: white; } img { border: 0; } /* -- MAIN Design element -- */ #Menu_BAR { display: none; position: absolute; top: 0; left: 0; width: 40%; height: 100%; background-color: teal; color: none; } #Content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; color: none; } #Product_PHOTOS { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; margin: 0000; background-color: none; color: none; z-index: 5; } #body_text { position: absolute; top: 48%; width: 68%; left: 10px; z-index: 10; } #body_text.2ndcolumn { position: absolute; top: 48%; width: 38%; left: 30%; z-index: 10; } /* ---------- MAIN STYLES -------------------- */ p { font-size: 9pt; line-height: 11pt; margin: 5px 0 0 15px; background-color: transparent; color: white; } h1 { position: relative; top: 10px; left: 10px; z-index: 1; padding-top: 0px; padding-bottom: 0px; margin-top: 0px; width: 200px; font-size: 12pt; line-height: 12pt; font-style: normal; font-weight: bold; text-align: left; background-color: none; color: white; } div#content h1 { position: relative; top: 10px; left: 0px; z-index: 1; padding-top: 0px; padding-bottom: 0px; padding-left: 10px; margin-top: 0px; width: 200px; font-size: 12pt; line-height: 12pt; font-style: normal; font-weight: bold; text-align: left; background-color: #0099ff; color: white; } h1 a:link, H1 a:visited, H1 a:active, H1 a:hover { text-decoration: none; background-color: transparent; color: white; } h2 { position: relative; margin-left: 0px; padding: 0px; margin-bottom: 10px; font-size: 11pt; line-height: 12pt; font-style: normal; font-weight: bold; text-align: left; letter-spacing: 0; background-color: transparent; color: white; } h2 i{ font-style: italic; font-weight: normal; background-color: transparent; color: #0099FF; } ul { list-style-type: square; margin: 0px; padding: 0px; background-color: transparent; color: #0099FF; } #product_menu li.indent { position: relative; left: 10px; background-color: none; } #product_menu li span { position: relative; left: 20px; background-color: red; } /* ------- MENU Styles --------------------- */ div#product_menu { position: absolute; left: 20px; width: 158px; top: 28px; z-index: 20; filter: dropshadow(offx=1, offy=1, color=black); font-size: 8pt; line-height: 10.3pt; font-weight: normal; font-style: italic; background-color: transparent; color: silver; } div#product_menu ul { list-style-type: none; margin: 0; padding: 0; } #product_menu a:hover { background-color: transparent; color: white; } div#product_menu .active_page { font-weight: bold; background-color: none; color: white; } /* ------- MENU 2 Styles --------------------- */ div#product_menu2 { z-index: 10; filter: dropshadow(offx=1, offy=1, color=black); text-align: right; font-size: 9pt; line-height: 12pt; font-weight: normal; font-style: italic; } div#product_menu2 ul { list-style-type: none; margin: 0; padding: 0; } div#product_menu2 a:hover { background-color: transparent; color: white; } div#product_menu2 .product_menu { font-weight: bold; background-color: red; color: white; } /* ------- PRODUCTS-LINKS List --------------------- */ div#product-links { position: absolute; top: 130px; right: 95px; height: 10px; width: 520px; padding-bottom: 5px; font-size: 6pt; font-style: normal; text-align: right; background-color: transparent; color: #0099FF;} div#product-links a:link, div#product_links a:visited, div#product_links a:active { font-weight: normal; text-decoration: none; color: white; } div#product-links a:hover { font-weight: normal; background-color: #0099FF; color: white; } /* ----- ID & Classes for page identification on menu -- */ #Position_Controllers .Position_Controllers, #Serv_Amps .Serv_Amps, #HMI .HMI, #Stepper_Drives .Stepper_Drives, #Brushless .Brushless, #Brush .Brush, #Stepper_Motors .Stepper_Motors, #Sensors .Sensors, #Gearheads .Gearheads, #Actuators .Actuators, #Direct_Drives .Direct_Drives, #About_us .About_us, #Slip_Rings .Slip_Rings, #Joy_Sticks .Joy_Sticks, #UK_Location .UK_Location, #Press_Release .Press_Release, #What_the_Press_said .What_the_Press_said, #Product_Listing .Product_Listing, #PDF_Catalogues .PDF_Catalogues, #Info .Info, #Contact_us .Contact_us, { font-weight: bold; background-color: #0099FF; color: white; } /* ---------- GMT front page coding -------------------- */ #gmt-newsflash { position: absolute; right: 0px; margin-right: 25px; top: 25px; height: 275px; width: 175px; z-index: 12; background-color: transparent; color: white; } #gmt-trade-show { position: absolute; left: 50px; margin-right: 0px; margin-left: 0px; top: 25px; height: 165px; width: 145px; z-index: 12; background-color: teal; color: white; font-size: 8pt; font-style: italic; font-weight: bold; } #gmt-trade-show p { color: #00ADEF; font-size: 12pt; font-style: italic; font-weight: bold; } #gmt-trade-show p.small { color: white; font-size: 10pt; font-style: italic; font-weight: bold; } #gmt-newsflash h2 { margin: 0; left: 10px; background-color: transparent; color: white;} #gmt-newsflash p { right: 20px; font-size: 9pt; line-height: 14pt; font-style: italic; font-weight: normal; text-align: right; background-color: transparent; color: white; } #gmt-montage { position: absolute; left: 0px; top: 0px; height: 100%; z-index: 2; background-color: transparent; color: White; } #gmt-astrolobe { position: absolute; left: 15%; top: 12%; width: 65%; z-index: 3; background-color: transparent; color: White; } #gmt-copyright { position: absolute; left: -10px; top: 5px; height: 14px; z-index: 2; background-color: transparent; color: silver; } #gmt-slogan { position: absolute; left: 6%; top: 32%; width: 350px; z-index: 3; } #gmt-slogan p { font-family: "Times New Roman", Times, serif; filter: dropshadow(offx=1, offy=1, color=black); Font-style: italic; font-weight: bold; font-size: 34pt; line-height: 44pt; margin-bottom: 10px; text-align: left; background-color: transparent; color: white; } #gmt-slogan a { text-decoration: none; background-color: transparent; color: white; } #gmt-caption { position: absolute; left: 30%; top: 78%; width: 250px; z-index: 3; } #gmt-caption p { font-family: "Times New Roman", Times, serif; filter: dropshadow(offx=3, offy=3, color=black); Font-style: italic; font-weight: bold; font-size: 22pt; line-height: 24pt; margin-bottom: 10px; background-color: transparent; color: #FFA500; } #gmt-caption a { text-decoration: none; background-color: transparent; color: #FFA500; } #gmt-rotate { position: absolute; left: 5%; top: -14%; width: 300px; z-index: 2; background-color: transparent; color: white; } #gmt-address { position: absolute; top: 90%; right: 0px; margin-right: 35px; z-index: 3; text-align: right; } #gmt-address a { text-decoration: none; background-color: transparent; color: white; } .gmt_company { position: relative; top: 3px; font-size: 10pt; font-style: normal; font-weight: bold; } .gmt_address { position: relative; font-size: 8pt; line-height: 9pt; font-style: normal; font-weight: normal; background-color: transparent; color: white;} /* ------- Product range pages ----------------- */ #P_trade_logos2 /* Animated gif of suppliers logotypes */ { display: inline; position: absolute; right: 30px; top: 71%; width: 50px; z-index: 10; } #P_products2 /* Animated gif of PRODUCTS */ { display: inline; position: absolute; right: 95px; top: 60%; height: 130px; z-index: 10; } .class-list30 { width: 225px; top: 16%; right: 8%; z-index:1; text-align: right;} .product_list { position: absolute; top: 0px; left: 30px; width: 40%; height: 900px; z-index: 0; } .list-menu { position: absolute; right: 270px; width: 128px; top: 46%; z-index: 10;} /* ------------ LISTS - Product listing/ info and links --- */ #list { position: absolute; top: 15px; left: 0px; z-index:1; } #list H2 { margin-top: 0px;} #list ul { color: #FFA500; margin-bottom: 20px;} #list ul li { white-space: normal; margin-left: 35px; margin-top: 5px; font-size: 9pt; line-height: 10pt; font-style: italic; color: #FFA500; } #list ul li a { } /* ------- PDF MENU Styles --------------------- */ #pdf_catalogue { position: absolute; left: 20px; width: 135px; top: 163px; z-index: 10; font-size: 8pt; line-height: 10.5pt; font-style: italic; } #pdf_catalogue a:link, #pdf_catalogue a:visited, #pdf_catalogue a:active { text-decoration: none; background-color: transparent; color: #FFA500; } #pdf_catalogue a:hover { text-decoration: none; background-color: transparent; color: white; } #pdf_catalogue ul { list-style-type: none; margin: 0; padding: 0; } /* #pdf_image { position: absolute; left: 20%; top: 29%; height: 16%; z-index: 1; } */ /* #pdf_image2 { position: absolute; left: 30%; top: 29%; height: 16%; z-index: 1; } */ #pdf_image { position: absolute; left: 120px; top: 125px; height: 70px; z-index: 13; } #pdf_image2 { position: absolute; left: 180px; top: 125px; height: 70px; z-index: 14; } #pdf_image3 { position: absolute; left: 240px; top: 125px; height: 70px; z-index: 15; } /* ------- how to use PDF's page --------------- */ #using-pdfs { position: absolute; left: 55%; top: 60px; width: 40%; z-index: 2; } #using-pdfs .first { font-style: italic; font-weight: bold; margin-left: 0px; } #using-pdfs p { padding-bottom: 15px } /* ------- TDC - PDF catalogues pages ----------- */ #tdc_table {position: absolute; left: 130px; top: 30px; width: 80%; z-index: 2;} #tdc_products-table {position: absolute; left: 35px; top: 50px; width: 95%; z-index: 2;} #tdc_table p, #tdc_products-table p {position: relative; font-size: 8pt; line-height: 10pt; font-style: italic; font-weight: normal; text-align: left; letter-spacing: 0; left: -4px; margin-bottom: 10px; color: white; } #tdc_table strong, #tdc_products-table strong {position: relative; font-size: 9pt; line-height: 12pt; font-style: italic; font-weight: bold; text-align: left; letter-spacing: 0; left: -6px; top: -3px; padding-bottom: 30px; color: white; } #tdc_table img {position: relative; left: 6px; top: 4px;} #tdc_products-table img {position: relative; left: 4px; top: 2px;} #tdc_table .headers, #tdc_products-table .headers {position: relative; left: -10px; top: 10px; font-size: 8pt; line-height: 8pt; font-style: italic; font-weight: normal; text-align: left; letter-spacing: 0; color: #0099FF; } #end-tdc-50px {position: relative; height: 50px; background-color: none;} #tdc-address-block {position: relative; top: 50px; right: 0px; height: 140px; padding-bottom: 10px; float: right; font-size: 8pt; font-style: normal; text-align: right; background-color: none; color: white; } /*------ quotations - Body Text / Picture CAPTIONS ----------*/ #quote { filter: dropshadow(offx=1, offy=1, color=black); z-index: 10; font-family: "Times New Roman", Times, serif; } .left-quote { position: relative; top: 30px; margin-bottom: 0px; margin-left: 0px; padding: 0; width: 200px; text-align: left; } .right-quote { position: absolute; top: 72%; width: 170px; right: 25px; text-align: right; margin: 0px; } .ormec-quote { position: absolute; top: 85%; width: 170px; right: 20px; text-align: right; margin: 0px; } #quote p { margin-bottom: 0px; margin-top: 0px; margin-left: 0; font-size: 12pt; line-height: 15pt; font-style: italic; font-weight: bold; color: #0099FF; } #quote p.ormec { font-size: 8pt; line-height: 12pt; color: yellow; } #quote .first { position: relative; left: -7px; } #quote .white { margin-left: 30px; background-color: transparent; color: white; font-size: 16pt; line-height: 20pt; } #quote .big { position: relative; top: 0px; font-size: 22pt; line-height: 20pt; font-style: normal; font-weight: normal; text-align: left; background-color: transparent; color: white; margin-bottom: 0px; } #quote .big2 { position: relative; top: 3px; font-size: 22pt; line-height: 20pt; font-style: normal; font-weight: normal; text-align: left; background-color: transparent; color: white; margin-bottom: 0px; } #quote .small2 { position: relative; top: 3px; font-size: 14pt; line-height: 18pt; font-style: normal; font-variant: small-caps; font-weight: normal; text-align: left; background-color: transparent; color: white; margin-bottom: 0px; } #quote .small { position: relative; top: 3px; font-size: 14pt; line-height: 18pt; font-style: normal; font-variant: small-caps; font-weight: normal; text-align: right; background-color: transparent; color: white; margin-bottom: 0px; } #quote .pleft { text-align: left; background-color: transparent; color: white; font-style: normal; margin-top: -3px;} #quote .inmoco { font-family: Arial, sans serif; font-style: normal; font-weight: bold; font-size: 10pt; } /* ---- Production NOTES ONLY ------- */ .notes { position: absolute; top: 40px; left: 30%; width: 300px; padding: 4px; z-index: 10; font-size: 9pt; font-style: italic; font-weight: bold; background-color: white; color: red; } /* ------ SUB Product Menu ------------------- */ #sub-product-menu { position: absolute; right: 25px; width: 135px; top: 58%; z-index: 10; } #sub-product-menu ul { list-style-type: square; margin-left: 30px; font-size: 8pt; line-height: 9.5pt; font-style: italic; background-color: transparent; color: white; } #sub-product-menu ul li a:link, #sub-product-menu ul li a:visited, #sub-product-menu ul li a:active, { background-color: transparent; color: #0099FF; } #sub-product-menu ul li a:hover { font-style: italic; font-weight: normal; background-color: transparent; color: white; } /* -------------------- GENERIC text box ---------------------*/ /* ------------------------------------------------------------*/ #body_text2 { position: absolute; } .class30 { width: 30%; top: 48%; left: 10px; z-index:1; } .class35 { width: 35%; top: 48%; left: 10px; z-index:1; } .class40 { width: 40%; top: 48%; left: 10px; z-index:1; } .class45 { width: 45%; top: 48%; left: 10px; z-index:1; } .class50 { width: 50%; top: 48%; left: 10px; z-index:1; } .class60 { width: 60%; top: 48%; left: 10px; z-index:1; } /* -------------------- 68% width of text box ----------------*/ /* ------------------------------------------------------------*/ #body_text p { } #body_text H2 { } #body_text ul { width: 350px; background-color: transparent; color: #FFA500;} #body_text ul li { white-space: normal; margin-left: 35px; margin-top: 10px; font-size: 9pt; line-height: 11pt; font-style: italic; background-color: transparent; color: white;} #body_text ul li span.s_title170 { width: 170px; background-color: none; color: #0099FF; font-style: normal; font-weight: bold; } #body_text ul li span.s_title130 { width: 130px; background-color: none; color: #0099FF; font-style: normal; font-weight: bold; } #body_text ul li span.on_demand { width: 250px; background-color: none; color: silver; font-style: italic; font-weight: normal; font-size: 8pt; padding-left: 30px; } #body_text ul li span.indent30 { width: 30px; background-color: none; } #body_text ul li span.indent10 { width: 10px; background-color: none; } #body_text ul li a { background-color: transparent; color: white; } #body_text a:link, #body_text a:visited, #body_text a:active, { background-color: transparent; color: white; } #body_text a:hover { background-color: transparent; color: #0099FF; } #body_text ul li strong { background-color: transparent; color: #0099FF; font-style: normal; font-weight: bold; } .cut-out { margin-bottom: 10px; width: 80%; font-size: 10pt; line-height: 13pt; font-style: italic; font-weight: bold; background-color: transparent; color: white; } .tech-spec { font-weight: bold; margin-left: 5px; margin-top: 20px; left: 0px; } /* -------------------- 60% width of text box ----------------*/ /* ------------------------------------------------------------*/ #body_text_60 { position: absolute; width: 60%; top: 48%; left: 10px; z-index:1; } #body_text_60 ul { width: 350px; color: #FFA500;} #body_text_60 ul li { white-space: normal; margin-left: 35px; margin-top: 10px; font-size: 9pt; line-height: 11pt; font-style: italic; background-color: transparent; color: white;} #body_text_60 ul li a { } /* -------------------- 55% width of text box ----------------*/ #body_text_55 { position: absolute; width: 55%; top:48%; left: 10px; z-index:1; } #body_text_55 H2 { } #body_text_55 ul { width: 200px; color: #FFA500; } #body_text_55 ul li { white-space: normal; margin-left: 35px; margin-top: 10px; font-size: 9pt; line-height: 11pt; font-style: italic; background-color: transparent; color: white; } #body_text_55 ul li a { } /* -------------------- 50% width of text box ----------------*/ #body_text_50 { position: absolute; width: 50%; top: 48%; left: 10px; z-index:1; } #body_text_50 H2 { } #body_text_50 ul { width: 325px; color: #FFA500; } #body_text_50 ul li { white-space: normal; margin-left: 35px; margin-top: 10px; font-size: 9pt; line-height: 11pt; font-style: italic; background-color: transparent; color: white; } #body_text_50 ul li a { } /* ------------ BUTTON MENU Coding ------------- */ #button_menu { position: absolute; top: 5px; left: 0px; width: 100%; height: 15px; z-index: 0; } #button_menu p { letter-spacing: 0; margin: 0; padding: 2px; font-size: 7pt; line-height: 7pt; font-style: italic; font-weight: bold; text-align: center; } #button_email a:link, #button_email a:visited, #button_email a:active, { background-color: transparent; color: silver; } #button_email a:hover { background-color: transparent; color: white; } #button_email { position: absolute; top: 0px; right: 90px; width: 50px; float: right; } #button_print { position: absolute; top: 0px; right: 45px; width: 45px; float: right; } #button_back { position: absolute; top: 0px; right: 0px; width: 45px; float: right; } .overbutton { background-color: #3366CC; border: 2px solid #000000; border-left: 2px solid #0099FF; border-top: 2px solid #6666FF; padding: 0px; cursor: auto; } .downbutton { background-color: #0000CC; border: 2px solid #000000; border-right: 2px solid #0099FF; border-bottom: 2px solid #6666FF; padding: 0px; padding-bottom: 0px; padding-right: 0px; cursor: auto; } /* -- TDC mouse over colour changer -- */ .overbutton2{ background-color: #3366CC; border: 2px solid #000000; border-left: 2px solid #0099FF; border-top: 2px solid #6666FF; padding: 0px; cursor: hand; } .downbutton2{ background-color: none; border: 2px solid #000000; border-right: 2px solid #0099FF; border-bottom: 2px solid #6666FF; padding: 0px; padding-bottom: 0px; padding-right: 0px; cursor: auto; } /*------------- ADDRESS BLOCK Details ----------------------*/ /* ----- CSS is hard coded into contact.htm and .php -------*/ #address-block { position: absolute; top: 855px; right: 10px; height: 140px; padding-bottom: 10px; float: right; font-size: 8pt; font-style: normal; text-align: right; background-color: none; } #address-block-contact { position: absolute; top: 855px; right: 65px; height: 140px; padding-bottom: 10px; float: right; font-size: 8pt; font-style: normal; text-align: right; background-color: transparent; } #address-block-deep { position: absolute; top: 1300px; right: 25px; height: 140px; padding-bottom: 10px; float: right; font-size: 8pt; font-style: normal; text-align: right; background-color: transparent; } #address-block-verydeep { position: absolute; top: 1500px; right: 25px; height: 140px; padding-bottom: 10px; float: right; font-size: 8pt; font-style: normal; text-align: right; background-color: transparent; } #address-block-diagram { position: absolute; top: 600px; right: 25px; height: 140px; padding-bottom: 10px; float: right; font-size: 8pt; font-style: normal; text-align: right; background-color: transparent; } #address-block-relative { position: relative; top: 50px; right: 25px; height: 140px; padding-bottom: 10px; float: right; font-size: 8pt; font-style: normal; text-align: right; background-color: transparent; } .company { font-size: 10pt; } .address-info { height: 70px; width: 400px; padding-top: 53px; padding-right: 10px; float: right; font-weight: normal; text-align: right; text-decoration: none; background-color: transparent; color: white; } .address-info a:link, .address-info a:visited, .address-info a:active { font-weight: normal; background-color: transparent; color: yellow;} .address-info a:hover { font-weight: normal; background-color: transparent; color: #0099FF; } .first { font-size: 10pt; } .logo { background: transparent url(http://www.inmoco.com/css/menus/images/small_logo.gif) bottom no-repeat; height: 130px; width: 90px; float: right; } #copyright { position: absolute; top: 130px; right: 0px; height: 10px; width: 90px; font-size: 7pt; text-align: center; letter-spacing: 1px; font-weight: bold; } #copyright a:link, #copyright a:visited, #copyright a:active { text-decoration: none; } #copyright a:hover { background-color: transparent; color: #FFA500; } #ma-design { position: absolute; top: 110px; left: 0px; height: 10px; width: 250px; z-index: 2; font-size: 6pt; font-style: italic; text-align: left; letter-spacing: 2px; padding-bottom: 5px; background-color: transparent; color: #FFA500; } #ma-design a:link, #ma-design a:visited, #ma-design a:active { text-decoration: none; background-color: transparent; color: #000082; font-weight: normal; text-decoration: none; } #ma-design a:hover { background-color: transparent; color: white; text-decoration: none; } .darkblue { position: absolute; left: 95px; top: 0px; height: 10px; margin: 0px; padding: 0px; padding-bottom: 5px; font-size: 6pt; font-style: italic; text-align: left; background-color: transparent; color: #000082; } .darkblue a:link, .darkblue a:visited, .darkblue a:active { background-color: transparent; color: red;} .darkblue a:hover { background-color: transparent; color: #000082;} span.backwards_email {unicode-bidi:bidi-override; direction: rtl;} /* ------- END OF ADDRESS BLOCK ----------- */ /* ------------ SHADOWS Pictures - coding ------------- */ .popshadow { position:relative; left: -5px; top: -5px; filter: shadow(color=black,direction=145) } .popshadow2 { position:relative; left: -5px; top: -5px; filter: shadow(color=darkskyblue,direction=165) } /* ------------ About Us section ---------------------- */ /* ------------ ASTROGLOBE picture - coding ----------- */ .print {display: none;} #P_astrolobe { display: inline; position: absolute; left: 3%; top: 18%; width: 60%; z-index: 0; } #P_office { display: inline; position: absolute; left: 30%; top: 11%; width: 60%; z-index: 1; } #P_location_uk { display: inline; position: absolute; left: 53%; top: 20px; height: 90%; z-index: 1; } #P_products /* Animated gif of PRODUCTS */ { display: inline; position: absolute; left: 20%; top: 10%; height: 35%; z-index: 1; } #P_slideshow /* Slide show sequence javascript in a div */ { display: inline; position: absolute; right: 25px; top: 60px; width: 250px; z-index: 3; } #P_iso9000 /* certification logotype */ { display: inline; position: absolute; left: 45%; top: 15%; width: 30%; z-index: 1; } #P_iso14001 /* certification logotype */ { display: inline; position: absolute; left: 45%; top: 15%; width: 30%; z-index: 1; } #P_staff_01 /* staff picture in the background */ { display: inline; position: absolute; left: 20%; top: 2%; width: 46%; z-index: 1;} #P_staff_02 /* staff pic forground */ { display: inline; position: absolute; left: 50%; top: 20%; width: 47%; z-index: 2;} /* ------------ UK Location Us section ---------------- */ /* ------------ 30% width of text box ------------------*/ #route { position: absolute; width: 30%; top: 120px; left: 10px; z-index:1; } #route H2 { } #route ul { list-style-type: decimal; width: 230px; color: #FFA500; } #route ul li { white-space: normal; margin-left: 30px; margin-top: 10px; font-size: 9pt; line-height: 11pt; font-style: italic; background-color: transparent; color: white; } #route ul li a { } /* ------------ Location Maps - positioning ------------*/ #P_location_map { display: inline; position: absolute; left: 53%; top: 30px; width: 43%; z-index: 1; } #P_location_north { display: inline; position: absolute; left: 43%; top: 30px; width: 55%; z-index: 1; } #P_location_east { display: inline; position: absolute; left: 40%; top: 30px; width: 58%; z-index: 1; } #P_location_south { display: inline; position: absolute; left: 40%; top: 30px; width: 58%; z-index: 1; } #P_location_west { display: inline; position: absolute; left: 40%; top: 30px; width: 58%; z-index: 1; } /* ------------ ma-design - web services page --------- */ /* ------------ 30% width of text box ------------------*/ #web-team { position: absolute; width: 35%; top: 60px; left: 10px; z-index:1; } #web-team H2 { font-size: 9pt; line-height: 11pt; font-style: italic; margin-bottom: 0px; padding-top: 0px; background-color: transparent; color: #FFA500; } #web-team H2 a { color: #FFA500; } #web-team ul { list-style-type: square; width: 230px; color: #FFA500; margin-top: 2px; margin-bottom: 12px; } #web-team ul li { white-space: normal; margin-left: 30px; font-size: 9pt; line-height: 10pt; font-style: italic; background-color: transparent; color: white; } #web-team ul li a: { font-size: 9pt; line-height: 11pt; font-style: italic; margin-bottom: 0px; background-color: transparent; color: white; } #web-ma-logo { position: absolute; width: 45%; top: 7%; left: 53%; z-index:1; } #web-details { position: absolute; width: 325px; top: 50%; left: 35%; z-index:1; } #web-details .first { font-style: italic; font-weight: bold; margin-left: 0px; } #web-details H2 { background-color: transparent; color: #FFA500; } #web-details H2 a { background-color: transparent; color: #FFA500; } /* ------------ Position Controllers ------------------ */ /* ------------ Info Scroller Box-----------------------*/ #info_box { position: absolute; top: 43%; right: 25px; width: 160px; height: 100px; text-align: right;} #info_box p { font-size: 8pt; line-height: 10pt; font-style: italic; font-weight: normal; background-color: transparent; color: white; } #info_box h2{ margin-top: 8px; font-size:10pt; line-height:12pt; font-style: italic; font-weight: bold; text-align: right; background-color: transparent; color: #0099FF; } /* --- IMAGES --------- Sub titles coding ----------------- */ /* --- Intro page images ------ */ #product-pic { display: inline; position: absolute; text-align: right; } #product-pic a:link, #product-pic a:visited, #product-pic a:active { background-color: transparent; color: #000082; font-style: italic; font-weight: normal; font-size: 7pt; top: -100px;} #product-pic a:hover { background-color: transparent; color: white; } /* --- IMAGES --------- Joysticks ------------------------ */ /* --- Intro page images ------ */ .img-joystick01 { left: 32%; top: 6%; width: 18%; z-index: 1; } .img-joystick02 { left: 54%; top: 12%; width: 20%; z-index: 1; } .img-joystick03 { left: 73%; top: 36%; width: 24%; z-index: 1; } /* --- IMAGES --------- Slip Rings ------------------------ */ /* --- Intro page images ------ */ .img-m2-srh3899 { left: 18%; top: 6%; width: 26%; z-index: 1; } .img-m2-srh1254 { left: 42%; top: 22%; width: 31%; z-index: 2; } .img-m-src01 { left: 68%; top: 14%; width: 28%; z-index: 1; } .img-m-src02 { left: 63%; top: 42%; width: 36%; z-index: 1; } .img-src-01 { left: 28%; top: 4%; width: 28%; z-index: 1; } .img-src-02 { left: 42%; top: 10%; width: 32%; z-index: 1; } .img-src-03 { left: 55%; top: 26%; width: 34%; z-index: 1; } .img-src-04 { left: 64%; top: 45%; width: 35%; z-index: 1; } .img-m-srh1254 { left: 30%; top: 8%; width: 38%; z-index: 2; } .img-m-srh3899 { left: 54%; top: 36%; width: 45%; z-index: 1; } .img-srh1254 { left: 38%; top: 15%; width: 55%; z-index: 1; } .img-srh3899 { left: 38%; top: 10%; width: 60%; z-index: 1; } /* --- IMAGES --------- Direct Drives ------------------------ */ /* --- Intro page images ------ */ .img-m-linear1 { left: 31%; top: 4%; width: 16%; z-index: 1; } .img-m-rotary1 { left: 58%; top: 12%; width: 40%; z-index: 1; } .img-m-bautz { left: 31%; top: 4%; width: 16%; z-index: 1; } .img-m-ddl { left: 51%; top: 8%; width: 32%; z-index: 1; } .img-m-axsys-linear { left: 70%; top: 45%; width: 30%; z-index: 1; } .img-bautz01 { left: 38%; top: 12%; width: 33%; z-index: 1; } .img-bautz02 { left: 72%; top: 10%; width: 24%; z-index: 1; } .img-ddl { left: 52%; top: 6%; width: 45%; z-index: 1; } .img-tollo-linear { left: 75%; top: 22%; width: 75px; z-index: 1; background-color: Teal; } .img-axsys_01 { left: 34%; top: 8%; width: 34%; z-index: 1; } .img-axsys_02 { left: 60%; top: 24%; width: 38%; z-index: 1; } .img-m-cartridge { left: 35%; top: 4%; width: 30%; z-index: 1; } .img-m-axsys { left: 68%; top: 45%; width: 31%; z-index: 1; } .img-cartridge01 { left: 37%; top: 10%; width: 15%; z-index: 1; } .img-cartridge02 { left: 58%; top: 12%; width: 40%; z-index: 1; } .img-frameless { left: 48%; top: 40px; height: 62%; z-index: 1; } /* --- IMAGES --------- Actuators ------------------------ */ /* --- Intro page images ------ */ .img-rodless-main { left: 22%; top: 10%; height: 38%; z-index: 1; } .img-rod-main { left: 75%; top: 10%; height: 65%; z-index: 1; } /* --- Rod Actuators -------- */ .img-m-cmc-ms65 { left: 22%; top: 34%; width: 23%; z-index: 2; } .img-m-cmc-ms8002 { left: 39%; top: 45%; width: 30%; z-index: 20; } .img-m-tollo_01 { left: 28%; top: 4%; width: 8%; z-index: 1; } .img-m-tollo_02 { left: 37%; top: 2%; width: 10%; z-index: 1; } .img-m-tollo_03 { left: 48%; top: 4%; width: 12%; z-index: 1; } .img-m-el2 { left: 60%; top: 18%; width: 22%; z-index: 1; } .img-m-exp2 { left: 68%; top: 33%; width: 24%; z-index: 1; } .img-m-I2 { left: 73%; top: 46%; width: 24%; z-index: 1; } /* --- CMC Actuators -------- */ .img-m-ms65 { left: 24%; top: 6%; width: 24%; z-index: 1; } .img-m-ms150 { left: 41%; top: 14%; width: 28%; z-index: 2; } .img-m-ms400 { left: 54%; top: 26%; width: 32%; z-index: 3; } .img-m-ms800 { left: 63%; top: 40%; width: 36%; z-index: 4; } .img-m-ms8002 { left: 71%; top: 59%; width: 28%; z-index: 1; } .img-cmc-ms65 { left: 46%; top: 18%; width: 48%; z-index: 1; } .img-cmc-helicopter { left: 73%; top: 46%; width: 24%; z-index: 1; } .img-cmc-ms150 { left: 46%; top: 19%; width: 52%; z-index: 2; } .img-cmc-ms400 { left: 46%; top: 18%; width: 53%; z-index: 2; } .img-cmc-ms800 { left: 46%; top: 18%; width: 53%; z-index: 2; } .img-cmc-ms8002 { left: 59%; top: 43%; width: 41%; z-index: 1; } /* --- Tollo Actuators -------- */ .img-tollo_01 { left: 28%; top: 4%; width: 8%; z-index: 1; } .img-tollo_02 { left: 33%; top: 6%; width: 12%; z-index: 1; } .img-tollo_03 { left: 41%; top: 6%; width: 16%; z-index: 1; } .img-tollo_04 { left: 53%; top: 3%; width: 12%; z-index: 1; } .img-tollo_05 { left: 56%; top: 26%; width: 12%; z-index: 1; } .img-tollo_X { left: 71%; top: 36%; width: 28%; z-index: 2; } /* --- Exlar Actuators -------- */ .img-m-gsx { left: 28%; top: 6%; width: 12%; z-index: 1; } .img-m-sr { left: 40%; top: 8%; width: 14%; z-index: 1; } .img-m-ft { left: 52%; top: 14%; width: 18%; z-index: 1; } .img-m-el { left: 60%; top: 18%; width: 22%; z-index: 1; } .img-m-exp { left: 70%; top: 36%; width: 24%; z-index: 1; } .img-m-I { left: 73%; top: 54%; width: 24%; z-index: 1; } .img-exlar-gsx { left: 55%; top: 12%; width: 35%; z-index: 1; } .img-exlar-sr { left: 55%; top: 12%; width: 35%; z-index: 1; } .img-exlar-ft { left: 55%; top: 12%; width: 40%; z-index: 1; } .img-exlar-el { left: 55%; top: 8%; width: 35%; z-index: 1; } .img-exlar-exp1 { left: 32%; top: 6%; width: 25%; z-index: 1; } .img-exlar-exp2 { left: 57%; top: 10%; width: 40%; z-index: 1; } .img-exlar-I { left: 57%; top: 10%; width: 33%; z-index: 1; } /* --- Rodless Actuators -------- */ .img-m-danaher { left: 25%; top: 25px; width: 40%; z-index: 1; background-color: Teal; } .img-m-cmc { left: 58%; top: 45%; width: 40%; z-index: 1; background-color: Orange; } .img-m-idc { left: 25%; top: 2%; width: 26%; z-index: 1; } .img-m-tollo1 { left: 52%; top: 4%; width: 18%; z-index: 1; } .img-m-tollo2 { left: 71%; top: 36%; width: 28%; z-index: 2; } .img-m-wiesel { left: 74%; top: 48%; width: 25%; z-index: 1; } .img-m-neff { left: 68%; top: 59%; width: 31%; z-index: 1; } /* --- IDC Actuators -------- */ .img-m-act-rod { left: 26%; top: 4%; height: 53%; z-index: 1; } .img-idc { left: 72%; top: 50%; width: 28%; z-index: 2; } /* --- Tollo Actuators -------- */ .img-tollo-RL01 { left: 26%; top: 13%; width: 22%; z-index: 1; } .img-tollo-RL02 { left: 52%; top: 4%; width: 18%; z-index: 1; } .img-tollo-RL03 { left: 34%; top: 33%; width: 14%; z-index: 1; } .img-tollo-RLX { left: 71%; top: 36%; width: 28%; z-index: 2; } .img-tollo-RLX2 { left: 80%; top: 7%; width: 11%; z-index: 2; } .img-tollo-RLX3 { left: 71%; top: 32%; width: 28%; z-index: 2; } .img-wiesel { left: 60%; top: 50px; width: 75px; z-index: 1; background-color: Teal; } .img-neff { left: 37%; top: 12%; width: 60%; z-index: 1; } .img-wiesel_01 { left: 30%; top: 8%; width: 38%; z-index: 1; } .img-wiesel_02 { left: 45%; top: 18%; width: 42%; z-index: 1; } .img-wiesel_03 { left: 55%; top: 32%; width: 44%; z-index: 1; } .img-cmc { left: 60%; top: 50px; width: 75px; z-index: 1; background-color: Orange; } /* --- IMAGES --------- Gearheads ------------------------ */ /* --- Intro page images ------ */ .img-m-ger-nt90 { left: 24%; top: 14%; height: 35%; z-index: 1; } .img-m-ger-dt { left: 44%; top: 17%; height: 32%; z-index: 1; } .img-m-ger-ut90 { left: 64%; top: 10%; height: 40%; z-index: 1; } .img-m-ger-at { left: 79%; top: 39%; height: 34%; z-index: 1; } #img-ger-nt { display: inline; position: absolute; left: 38%; top: 8%; width: 18%; z-index: 1; } #img-ger-nt90 { display: inline; position: absolute; left: 67%; top: 12%; width: 26%; z-index: 1; } #img-ger-dt { display: inline; position: absolute; left: 42%; top: 30px; width: 19%; z-index: 1; } #img-ger-dt90 { display: inline; position: absolute; left: 65%; top: 23%; width: 28%; z-index: 1; } /* --- IMAGES --------- Sensors ------------------------ */ /* --- Intro page images ------ */ #img-m-segment { display: inline; position: absolute; left: 24%; top: 34%; width: 12%; z-index: 1; } #img-m-resolver { display: inline; position: absolute; left: 34%; top: 2%; width: 31%; z-index: 1; } #img-m-potent { display: inline; position: absolute; left: 64%; top: 12%; width: 34%; z-index: 3; } #img-m-synchros { display: inline; position: absolute; left: 84%; top: 49%; width: 16%; z-index: 4; } #img-m-encoder { display: inline; position: absolute; left: 72%; top: 55%; width: 14%; z-index: 5; } #img-segment { display: inline; position: absolute; left: 54%; top: 6%; width: 38%; z-index: 1; } #img-resolver { display: inline; position: absolute; left: 40%; top: 40px; width: 58%; z-index: 1; } #img-potent1 { display: inline; position: absolute; left: 28%; top: 12%; width: 23%; z-index: 1; } #img-potent2 { display: inline; position: absolute; left: 50%; top: 6%; width: 38%; z-index: 2; } #img-potent3 { display: inline; position: absolute; left: 71%; top: 42%; width: 29%; z-index: 3; } #img-synchros { display: inline; position: absolute; left: 55%; top: 20%; width: 44%; z-index: 1; } #img-encoder1 { display: inline; position: absolute; left: 38%; top: 19%; width: 18%; z-index: 1; } #img-encoder2 { display: inline; position: absolute; left: 58%; top: 25px; width: 11%; z-index: 1; } #img-DIME { display: inline; position: absolute; left: 68%; top: 75%; width: 10%; z-index: 2; } #img-MicroE01 { display: inline; position: absolute; left: 74%; top: 26%; width: 24%; z-index: 1; } #img-M1500G00 { display: inline; position: absolute; left: 74%; top: 20%; width: 24%; z-index: 1; } #img-M1500G01 { display: inline; position: absolute; left: 20%; top: 24%; width: 28%; z-index: 1; } #img-M1500G02 { display: inline; position: absolute; left: 30%; top: 32%; width: 28%; z-index: 2; } #img-M1500G03 { display: inline; position: absolute; left: 40%; top: 26%; width: 28%; z-index: 3; } #img-M1500G04 { display: inline; position: absolute; left: 42%; top: 18px; width: 22%; z-index: 3; } #img-M1500G05 { display: inline; position: absolute; left: 67%; top: 14%; width: 24%; z-index: 3; } #img-M2000G00 { display: inline; position: absolute; left: 74%; top: 20%; width: 24%; z-index: 3; } #img-M2000G01 { display: inline; position: absolute; left: 50%; top: 0px; width: 40%; z-index: 0; } #img-M2000G02 { display: inline; position: absolute; left: 50%; top: 24%; width: 45%; z-index: 2; } #img-M2000G03 { display: inline; position: absolute; left: 20%; top: 18%; width: 32%; z-index: 1; } #img-M3500G00 { display: inline; position: absolute; left: 74%; top: 20%; width: 24%; z-index: 1; } #img-M3500G01 { display: inline; position: absolute; left: 55%; top: 28%; width: 18%; z-index: 1; } #img-M3500G02 { display: inline; position: absolute; left: 42%; top: 12%; width: 17%; z-index: 2; } #img-M3500G03 { display: inline; position: absolute; left: 65%; top: 12%; width: 22%; z-index: 3; } #img-M3500G04 { display: inline; position: absolute; left: 49%; top: 6%; width: 13%; z-index: 3; } #img-M3500G05 { display: inline; position: absolute; left: 20%; top: 20%; width: 22%; z-index: 1; } #img-M3500G06 { display: inline; position: absolute; left: 20%; top: 28%; width: 20%; z-index: 1; } #img-M3500G07 { display: inline; position: absolute; left: 20%; top: 38%; width: 28%; z-index: 1; } /* --- IMAGES --------- Brushless Motors ------------------------ */ /* --- Intro page images ------ */ #img_m_pmx1 { display: inline; position: absolute; left: 22%; top: 8%; width: 12%; z-index: 1; } #img_m_ppac { display: inline; position: absolute; left: 37%; top: 9%; width: 14%; z-index: 1; } #img_m_psyn { display: inline; position: absolute; left: 50%; top: 14%; width: 22%; z-index: 3; } #img_m_tseries { display: inline; position: absolute; left: 71%; top: 24%; width: 25%; z-index: 2; } #img_m_km11b { display: inline; position: absolute; left: 76%; top: 54%; width: 22%; z-index: 1; } #img_stm_pmx1 { display: inline; position: absolute; left: 35%; top: 30px; width: 18%; z-index: 1; } #img_stm_pmx2 { display: inline; position: absolute; left: 52%; top: 10%; width: 40%; z-index: 1; } #img_stm_pmx3 { display: inline; position: absolute; left: 68%; top: 53%; width: 25%; z-index: 1; } #img_stm_ppac01 { display: inline; position: absolute; left: 24%; top: 8%; width: 10%; z-index: 2; } #img_stm_ppac02 { display: inline; position: absolute; left: 38%; top: 9%; width: 14%; z-index: 1; } #img_stm_ppac03 { display: inline; position: absolute; left: 55%; top: 13%; width: 18%; z-index: 1; } #img_stm_ppac_A { display: inline; position: absolute; left: 73%; top: 17%; width: 20%; z-index: 1; } #img_stm_ppac_B { display: inline; position: absolute; left: 71%; top: 50%; width: 28%; z-index: 1; } #img_stm_psyn { display: inline; position: absolute; left: 48%; top: 50px; width: 45%; z-index: 1; } #img_t_mh112 { display: inline; position: absolute; left: 29%; top: 8%; width: 25%; z-index: 1; } #img_t_mh172 { display: inline; position: absolute; left: 63%; top: 27%; width: 32%; z-index: 1; } #img_slosyn_km06 { display: inline; position: absolute; left: 24%; top: 6%; width: 15%; z-index: 1; } #img_slosyn_km09 { display: inline; position: absolute; left: 42%; top: 12%; width: 18%; z-index: 1; } #img_slosyn_km11a { display: inline; position: absolute; left: 62%; top: 28%; width: 21%; z-index: 1; } #img_slosyn_km11b { display: inline; position: absolute; left: 76%; top: 54%; width: 22%; z-index: 1; } /* --- IMAGES --------- Brushless Motors ------------------------ */ /* --- Intro page images ------ */ #img_m_pmdc1 { display: inline; position: absolute; left: 24%; top: 18px; width: 24%; z-index: 1; } #img_m_mot2600 { display: inline; position: absolute; left: 51%; top: 8%; height: 20%; z-index: 1; } #img_m_mot_t200 { display: inline; position: absolute; left: 72%; top: 12%; width: 25%; z-index: 1; } #img_m_mot4100 { display: inline; position: absolute; left: 70%; top: 40%; height: 38%; z-index: 1; } #img_mot_pmdc2 { display: inline; position: absolute; left: 54%; top: 10%; width: 30%; z-index: 1; } #img_mot_pmdc3 { display: inline; position: absolute; left: 74%; top: 54%; width: 18%; z-index: 1; } #img_m_m4200 { display: inline; position: absolute; left: 38%; top: 1%; width: 24%; z-index: 1; } #img_m_m4295 { display: inline; position: absolute; left: 54%; top: 23%; width: 29%; z-index: 1; } #img_m_m4420 { display: inline; position: absolute; left: 65%; top: 51%; width: 34%; z-index: 1; } #img_m4200 { display: inline; position: absolute; left: 58%; top: 10%; width: 40%; z-index: 1; } #img_m4295 { display: inline; position: absolute; left: 50%; top: 14%; width: 48%; z-index: 2; } #img_m4420 { display: inline; position: absolute; left: 42%; top: 15%; width: 55%; z-index: 3; } #img_m_mot2100 { display: inline; position: absolute; left: 30%; top: 20px; height: 14%; z-index: 1; } #img_m_mot3500 { display: inline; position: absolute; left: 72%; top: 16%; height: 26%; z-index: 1; } #img_mot2100 { display: inline; position: absolute; left: 54%; top: 25%; height: 50%; z-index: 1; } #img_mot2600 { display: inline; position: absolute; left: 54%; top: 25%; height: 50%; z-index: 1; } #img_mot3500 { display: inline; position: absolute; left: 54%; top: 25%; height: 50%; z-index: 1; } #img_mot4100 { display: inline; position: absolute; left: 58%; top: 20%; height: 60%; z-index: 1; } /* --- IMAGES --------- Brushless Motors ------------------------ */ /* --- Intro page images ------ */ #img_m_akm { display: inline; position: absolute; left: 19%; top: 10%; width: 24%; z-index: 1; } #img_m_sentry { display: inline; position: absolute; left: 34%; top: 26%; width: 30%; z-index: 2; } #img_m_pma { display: inline; position: absolute; left: 48%; top: 4%; width: 30%; z-index: 1; } #img_m_regal { display: inline; position: absolute; left: 73%; top: 57%; width: 22%; z-index: 1; } #img_m_frameless { display: inline; position: absolute; left: 70%; top: 24%; height: 32%; z-index: 1; } #img_akm { display: inline; position: absolute; left: 43%; top: 35px; width: 53%; z-index: 1; } #img_sentry { display: inline; position: absolute; left: 42%; top: 10%; width: 56%; z-index: 1; } #img_pma { display: inline; position: absolute; left: 40%; top: 10%; width: 58%; z-index: 1; } #img_regal { display: inline; position: absolute; left: 50%; top: 12%; width: 48%; z-index: 1; } #img_frameless { display: inline; position: absolute; left: 40%; top: 4%; height: 55%; z-index: 1; } #img_frameless2 { display: inline; position: absolute; left: 80%; top: 56%; height: 20%; z-index: 1; } /* --- IMAGES --------- Stepper Drives ------------------------ */ /* --- Intro page images ------ */ #img_m_2400 { display: inline; position: absolute; left: 37%; top: 35%; height: 18%; z-index: 3; } #img_m_6420 { display: inline; position: absolute; left: 25%; top: 5%; height: 39%; z-index: 2; } #img_m_6410 { display: inline; position: absolute; left: 43%; top: 3%; height: 40%; z-index: 1; } #img_m_6410-2 { display: inline; position: absolute; left: 72%; top: 60%; width: 24%; z-index: 4; } #img_m_6415 { display: inline; position: absolute; left: 58%; top: 5%; height: 44%; z-index: 1; } #img_m_6445 { display: inline; position: absolute; left: 74%; top: 11%; height: 51%; z-index: 1; } #img_m_microcon { display: inline; position: absolute; left: 73%; top: 52%; height: 25%; z-index: 2; } #img_m_p7000 { display: inline; position: absolute; left: 88%; top: 45%; height: 30%; z-index: 3; } #img_std_mic2 { display: inline; position: absolute; left: 42%; top: 50px; height: 35%; z-index: 1; } #img_std_mic1 { display: inline; position: absolute; left: 66%; top: 30%; height: 53%; z-index: 1; } #img_m_cd6410m { display: inline; position: absolute; left: 67%; top: 14%; height: 42%; z-index: 1; } #img_m_cdzmp-mini { display: inline; position: absolute; left: 72%; top: 58%; height: 25%; z-index: 1; } #img_cd6410m { display: inline; position: absolute; left: 71%; top: 32%; height: 48%; z-index: 1; } #img_cd6410m_left { display: inline; position: absolute; left: 52%; top: 8%; height: 40%; z-index: 1; } #img_micro_step { display: inline; position: absolute; left: 39%; top: 10%; height: 35%; z-index: 1; } #img_cdzmp-mini { display: inline; position: absolute; left: 63%; top: 35%; height: 38%; z-index: 1; } #img_std_2400 { display: inline; position: absolute; left: 56%; top: 15%; width: 43%; z-index: 1; } #img_6410 { display: inline; position: absolute; left: 45%; top: 24%; height: 24%; z-index: 1; } #img_6430 { display: inline; position: absolute; left: 72%; top: 12%; height: 78%; z-index: 1; } #img_6415 { display: inline; position: absolute; left: 50%; top: 15%; height: 45%; z-index: 1; } #img_6435 { display: inline; position: absolute; left: 72%; top: 12%; height: 78%; z-index: 1; } #img_6420 { display: inline; position: absolute; left: 50%; top: 15%; height: 45%; z-index: 1; } #img_6440 { display: inline; position: absolute; left: 72%; top: 12%; height: 78%; z-index: 1; } #img_6445 { display: inline; position: absolute; left: 68%; top: 12%; height: 78%; z-index: 1; } #img_p7000 { display: inline; position: absolute; left: 35%; top: 8%; width: 32%; z-index: 1; } #img_p7000_left { display: inline; position: absolute; left: 72%; top: 34%; width: 27%; z-index: 1; } /* --- IMAGES --------- Human Machine Interfaces ------------- */ /* --- Intro page images ------ */ /* #img_m_simplIQ2 { display: inline; position: absolute; left: 22%; top: 12%; width: 30%; z-index: 2; } */ #img_m_touchscreen { display: inline; position: absolute; left: 28%; top: 11%; width: 26%; z-index: 1; } #img_m_ipanel2 { display: inline; position: absolute; left: 73%; top: 10%; width: 22%; z-index: 2; } #img_m_textdisplay { display: inline; position: absolute; left: 42%; top: 32%; width: 28%; z-index: 2 } #img_m_access01 { display: inline; position: absolute; left: 83%; top: 37%; width: 6%; z-index: 1; } #img_m_access02 { display: inline; position: absolute; left: 87%; top: 43%; width: 9%; z-index: 1; } #img_m_access03 { display: inline; position: absolute; left: 73%; top: 52%; width: 15%; z-index: 1; } #img_ipanel { display: inline; position: absolute; left: 35%; top: 10%; height: 30%; z-index: 1; } #img_ipanel_grp { display: inline; position: absolute; left: 58%; top: 30%; height: 23%; z-index: 2; } #img_ipanel_logo { display: inline; position: absolute; left: 65%; top: 14%; height: 6%; z-index: 1; } #img_ipanel_cds { display: inline; position: absolute; left: 75%; top: 56%; height: 28%; z-index: 2; } #img_textdisplays { display: inline; position: absolute; left: 40%; top: 12%; width: 55%; z-index: 1; } #img_touchscreen1 { display: inline; position: absolute; left: 32%; top: 16%; width: 33%; z-index: 1; } #img_touchscreen2 { display: inline; position: absolute; left: 68%; top: 28%; width: 30%; z-index: 1; } #img_hmi_pic01 { display: inline; position: absolute; left: 30%; top: 11%; width: 44%; z-index: 1; } #img_hmi_pic02 { display: inline; position: absolute; left: 76%; top: 17%; width: 9%; z-index: 1; } #img_hmi_pic03 { display: inline; position: absolute; left: 84%; top: 27%; width: 14%; z-index: 1; } #img_hmi_pic04 { display: inline; position: absolute; left: 73%; top: 50%; width: 25%; z-index: 1; } /* --- IMAGES --------- Servo Amplifiers --------------------- */ /* --- Intro page images ------ */ #img_m_violin2 { display: inline; position: absolute; left: 18%; top: 25%; width: 16%; z-index: 1; } #img_m_sba2 { display: inline; position: absolute; left: 27%; top: 10%; width: 15%; z-index: 1; } #img_m_harmonica2 { display: inline; position: absolute; left: 38%; top: 30%; height: 15%; z-index: 1; } #img_m_pc800 { display: inline; position: absolute; left: 46%; top: 8%; height: 39%; z-index: 2; } #img_m_sc900 { display: inline; position: absolute; left: 68%; top: 8%; height: 34%; z-index: 3; } #img_m_pc3400 { display: inline; position: absolute; left: 86%; top: 8%; width: 10%; z-index: 4; } #img_m_servostar { display: inline; position: absolute; left: 75%; top: 34%; width: 20%; z-index: 5; } #img_m_ssa { display: inline; position: absolute; left: 27%; top: 4%; height: 16%; z-index: 1; } #img_m_sba { display: inline; position: absolute; left: 42%; top: 10%; height: 18%; z-index: 2; } #img_m_violin { display: inline; position: absolute; left: 54%; top: 22%; height: 19%; z-index: 3; } #img_m_piccolo { display: inline; position: absolute; left: 62%; top: 38%; height: 23%; z-index: 4; } #img_m_flute { display: inline; position: absolute; left: 64%; top: 60%; height: 25%; z-index: 5; } #img_ssa { display: inline; position: absolute; left: 46%; top: 8%; height: 55%; z-index: 1; } #img_sba { display: inline; position: absolute; left: 42%; top: 6%; height: 50%; z-index: 1; } #img_violin { display: inline; position: absolute; left: 46%; top: 12%; height: 45%; z-index: 1; } #img_piccolo { display: inline; position: absolute; left: 46%; top: 12%; height: 44%; z-index: 1; } #img_flute { display: inline; position: absolute; left: 46%; top: 12%; height: 44%; z-index: 1; } /* #img_ser_0800 { display: inline; position: absolute; left: 50%; top: 50px; height: 55%; z-index: 3; } Original image */ #img_ser_0800_left { display: inline; position: absolute; left: 45%; top: 6%; height: 50%; z-index: 2; } #img_ser_0800_right { display: inline; position: absolute; left: 75%; top: 13%; height: 58%; z-index: 1; } #img_ser_0900 { display: inline; position: absolute; left: 70%; top: 60px; height: 80%; z-index: 1; } /* #img_pc3400 { display: inline; position: absolute; left: 60%; top: 12%; height: 65%; z-index: 1 } Original image */ #img_pc3400_left { display: inline; position: absolute; left: 61%; top: 18%; height: 50%; z-index: 2 } #img_pc3400_right { display: inline; position: absolute; left: 80%; top: 8%; height: 44%; z-index: 1 } #img_m_servostar200 { display: inline; position: absolute; left: 26%; top: 4%; width: 18%; z-index: 1; } #img_m_servostar300 { display: inline; position: absolute; left: 44%; top: 6%; width: 15%; z-index: 2; } #img_m_servostar400 { display: inline; position: absolute; left: 60%; top: 8%; width: 23%; z-index: 3; } #img_m_servostar600 { display: inline; position: absolute; left: 76%; top: 9%; width: 21%; z-index: 4; } #img_servostar200 { display: inline; position: absolute; left: 70%; top: 17%; width: 29%; z-index: 1; } #img_servostar200_G { display: inline; position: absolute; left: 37%; top: 14%; width: 28%; z-index: 1; } #img_servostar300 { display: inline; position: absolute; left: 74%; top: 10%; width: 23%; z-index: 1; } #img_servostar300_G { display: inline; position: absolute; left: 38%; top: 4%; width: 29%; z-index: 1; } #img_servostar400 { display: inline; position: absolute; left: 70%; top: 12%; width: 28%; z-index: 1; } #img_servostar400_G { display: inline; position: absolute; left: 32%; top: 18%; width: 36%; z-index: 1; } #img_servostar600 { display: inline; position: absolute; left: 76%; top: 9%; width: 21%; z-index: 1; } #img_servostar600_G { display: inline; position: absolute; left: 34%; top: 8%; width: 39%; z-index: 1; } /* --- IMAGES --------- Position Controllers ---------------- */ /* --- Intro page images ------ */ #img_m00_maestro { display: inline; position: absolute; left: 20%; top: 20%; height: 24%; z-index: 1; } #img_m01_simplIQ { display: inline; position: absolute; left: 30%; top: 5%; height: 36%; z-index: 2; } #img_m02_hmi_ipanel { display: none; position: absolute; left: 76%; top: 10%; height: 17%; z-index: 2; } #img_m02_ormec { display: inline; position: absolute; left: 67%; top: 6%; height: 24%; z-index: 1; } #img_m03_pos_bluefusion { display: inline; position: absolute; left: 28%; top: 35%; height: 13%; z-index: 2; } #img_m04_SC950 { display: inline; position: absolute; left: 63%; top: 23%; height: 27%; z-index: 3; } #img_m05_2600series { display: inline; position: absolute; left: 74%; top: 57%; width: 16%; z-index: 2; } #img_m06_2700series { display: inline; position: absolute; left: 72%; top: 30%; width: 27%; z-index: 1; } /* #img_m04_pos_msx2 { display: inline; position: absolute; left: 45%; top: 24%; height: 32%; z-index: 4; } */ /* #img_m05_pos_saxo { display: inline; position: absolute; left: 82%; top: 18%; height: 52%; z-index: 5; } */ /* --- Product page images ---- */ #img_maestro { display: inline; position: absolute; left: 74%; top: 18%; height: 70%; z-index: 1; } /* --- SimplIQ page images ---- */ #img_m00_simplIQ { display: inline; position: absolute; left: 72%; top: 52%; height: 28%; z-index: 7; } #img_m01_whistle { display: inline; position: absolute; left: 30%; top: 37%; height: 12%; z-index: 2; } #img_m02_harmonica { display: inline; position: absolute; left: 44%; top: 25%; height: 14%; z-index: 1; } #img_m03_cello { display: inline; position: absolute; left: 52%; top: 14%; height: 24%; z-index: 3; } #img_m04_bassoon { display: inline; position: absolute; left: 61%; top: 19%; height: 18%; z-index: 4; } #img_m05_cornet { display: inline; position: absolute; left: 69%; top: 12%; height: 28%; z-index: 5; } #img_m06_tuba { display: inline; position: absolute; left: 80%; top: 9%; height: 39%; z-index: 6; } #img_whistle { display: inline; position: absolute; left: 42%; top: 17%; height: 28%; z-index: 1; } #img_harmonica { display: inline; position: absolute; left: 50%; top: 5%; height: 43%; z-index: 1; } #img_cello { display: inline; position: absolute; left: 53%; top: 2%; height: 47%; z-index: 1; } #img_bassoon { display: inline; position: absolute; left: 50%; top: 5%; height: 45%; z-index: 1; } #img_cornet { display: inline; position: absolute; left: 50%; top: 3%; height: 46%; z-index: 1; } #img_tuba { display: inline; position: absolute; left: 51%; top: 3%; height: 48%; z-index: 1; } #img_bluefusion { display: inline; position: absolute; left: 45%; top: 7%; height: 42%; z-index: 1; } #img_pos_sc950 { display: inline; position: absolute; left: 74%; top: 12%; height: 80%; z-index: 1; } /* --- scales set to width instead of heights due to bug in explorer ------ */ #img_m2600series { display: inline; position: absolute; left: 54%; top: 34%; width: 20%; z-index: 2; } #img_m2700series { display: inline; position: absolute; left: 22%; top: 8%; width: 32%; z-index: 1;} #img_m5100series { display: inline; position: absolute; left: 65%; top: 6%; width: 18%; z-index: 1; } #img_m5200series { display: inline; position: absolute; left: 78%; top: 23%; width: 20%; z-index: 1; } #img_2600series { display: inline; position: absolute; left: 44%; top: 15%; width: 35%; z-index: 1; } #img_2700series { display: inline; position: absolute; left: 36%; top: 10%; width: 49%; z-index: 1; } #img_5100series { display: inline; position: absolute; left: 45%; top: 7%; height: 42%; z-index: 1; } #img_5200series { display: inline; position: absolute; left: 42%; top: 12%; height: 38%; z-index: 1; } /* --- ORMEC Range --- */ #img_smlc-straight { display: inline; position: absolute; left: 29%; top: 2%; height: 28%; z-index: 1; } #img_3-motors { display: inline; position: absolute; left: 42%; top: 32%; height: 19%; z-index: 3; } #img_smlc-front { display: inline; position: absolute; left: 78%; top: 43%; height: 40%; z-index: 2; } /* smlc-SA */ #img_servowire_group { display: inline; position: absolute; left: 30%; top: 4%; height: 24%; z-index: 1; } #img_smlc-sa { display: inline; position: absolute; left: 66%; top: 16%; height: 32%; z-index: 1; } /* smlc 30 80 160 */ #img_smlc_30_80_160 { display: inline; position: absolute; left: 75%; top: 18%; height: 60%; z-index: 1; } /* SD drives */ #img_smlc-controllers { display: inline; position: absolute; left: 32%; top: 4%; height: 25%; z-index: 1; } #img_5-motors { display: inline; position: absolute; left: 34%; top: 28%; height: 20%; z-index: 3; } #img_sd-angled { display: inline; position: absolute; left: 75%; top: 42%; height: 40%; z-index: 2; } #img_sd-drive { display: inline; position: absolute; left: 72%; top: 11%; height: 29%; z-index: 1; } /* flash movie thumbnails */ #img_swf_thumb_01 { display: inline; position: absolute; left: 25%; top: 10%; width: 10%; z-index: 1; } #img_swf_thumb_02 { display: inline; position: absolute; left: 36%; top: 16%; width: 12%; z-index: 1; } #img_swf_thumb_03 { display: inline; position: absolute; left: 48%; top: 22%; width: 14%; z-index: 1; } #img_swf_thumb_04 { display: inline; position: absolute; left: 62%; top: 34%; width: 17%; z-index: 1; } #img_swf_thumb_05 { display: inline; position: absolute; left: 78%; top: 46%; width: 20%; z-index: 1; } /* --- Flash Movies --- */ #flashframe { position: absolute; top: 50px; left: 45%; width: 53%; height: 40%; background-color: none; } #flashframeBIG { position: absolute; top: 50px; left: 33%; width: 66%; height: 50%; background-color: none; } /* ---------------------------------------------------------------------------------------------- */ /* ------------------------------------ END ----------------------------------------------------- */