/* --- ___ __ __ --- */ /* --- /\_ \ /\ \ /\ \__ --- */ /* --- __\//\ \ _ __ ___\ \ \____ ___\ \ ,_\ ___ --- */ /* --- /'__`\\ \ \ /\`'__\/ __`\ \ '__`\ / __`\ \ \/ / __`\ --- */ /* --- /\ __/ \_\ \_ \ \ \//\ \L\ \ \ \L\ \/\ \L\ \ \ \_/\ \L\ \ --- */ /* --- \ \____\/\____\ \ \_\\ \____/\ \_,__/\ \____/\ \__\ \____/ --- */ /* --- \/____/\/____/ \/_/ \/___/ \/___/ \/___/ \/__/\/___/ --- */ /* --- www.el-roboto.co.uk --- */ /* COMMON PARTS --------------------------------------------------------------------------------------------*/ * {margin:0; padding:0;} body {background:#000000; font: 11px arial; color:#5d5432; line-height:150%; width:100%; height:100%;} img {margin:0; padding:0; border:none; } a {outline: none;} strong {font-weight:100; font-style:normal;} b {font-weight:normal;} h1, h2, h3, h4, h5 {font-family: Verdana, Arial, Helvetica, sans-serif; color:#504727;} p {font-size:12px; color:#5d5432; margin:10px 15px; line-height:150%;} p.LeadPara {font-size:12px; margin:20px 15px 10px 15px; color:#5d5432;} p.Notes {color:#4c4c4c;} h1 {font-size:21px;} h3 {font-size:13px; font-weight: bold;} h3 strong {font-size:13px; font-weight: bold;} h4 {font-size:13px;font-weight: bold;} h4 strong {font-size:13px;font-weight: bold;} h5 {font-size:105%;} h5 strong {font-size:105%;} hr {display:none;} form {margin:15px;} .inline {display:inline;} .Fright {display:inline; float:right;} .Fleft {display:inline; float:left;} .Fcent {display:inline; text-align:center;} .clear {clear:both;} .hide {display:none;} .forcedspace {height:15px;} .forcedspace1 {height:50px;} .forcedspace2 {height:10px;} .forcedspace3 {height:5px;} .visbreak {height:2px; width:460px; background-color:#202020; margin: 30px 15px 35px 15px;} .good {color:#4c960a;} .bad {color:#96240a;} .wrap800{width:800px; margin:0 auto;} /* COLOURS*/ .BrandGold {color:#988642;} .BrandGoldOff {color:#5d5432;} .Grey {color:#313131;} .GreyOff {color:#202020;} .ContentLeft ul{margin:20px 0 20px 15px; list-style-image: url(/img/Bullet.png); list-style-position: inherit; } .RegList li { line-height:17px; color:#5d5432; margin-bottom:12px; font-size:12px; margin-left:10px;} .Reglist li strong {font-weight:100; font-style:normal; color:#5d5432; font-size:12px;} /* FORM STYLES --------------------------------------------------------------------------------------------*/ label {background-color:#202020; color:#5d5432; padding:4px; font-size:100%; font-weight:800;} .forminput {margin:0 auto 10px auto; padding:4px; border:1px #b8bfc4 solid; color:#000000; width:97%; font-family:arial; font-size:12px;} .pagenumberinput {display:inline; float:right; margin-left:2px; padding:4px; border:1px #b8bfc4 solid; color:#000000; width:20px; font-family:arial; font-size:12px;} .formselect {background-color:#ffffff; margin:0 auto 10px auto; padding:4px; border:1px #b8bfc4 solid; color:#000000; width:97%; font-family:arial; font-size:12px;} .formselectsmall {background-color:#ffffff; padding:3px; border:1px #b8bfc4 solid; color:#000000; width:200px; font-family:arial; font-size:12px;} #inpuform textarea {margin-bottom:10px; padding:4px; border:1px #b8bfc4 solid; color:#000000; width:97%; font-family:arial; font-size:12px;} #inputform textarea:focus, .formselect:focus, .formselectsmall:focus, .forminput:focus, #inputform textarea:hover, .formselect:hover, .formselectsmall:hover, .forminput:hover {border:1px #506e7e solid;} .formvarious {margin:0 0 10px 0; padding:7px; border:1px #b8bfc4 solid; font-size:10px; display:block;} .formset {background-color:#a5b0b6; color:#ffffff; padding:4px; font-size:100%; font-weight:800; margin-bottom:10px;} .formset a {color:#ffffff; text-decoration:none; cursor:pointer;} /* FORM RESPONSE STYLES ----------------*/ .ReGood {background-color:#000000; color:#988642; border:4px solid #988642; padding:8px; font-weight:800; text-align:center;} .ReGood h5 {font-size:105%; margin:0 0 0 0; padding:0 0 0 0; color:#988642;} .ReGoodSub {background-color:#9dc68f; color:#eef5eb; padding:04px 12px; margin-bottom:7px; font-size:90%; display:block; text-align:left;} .ReGood a, .ReGoodSub a {background-color:#6ca25a; color:#eef5eb; padding:2px 6px; text-decoration:none;} .ReGood a:hover, .ReGoodSub a:hover {background-color:#d2e0cd; color:#6ca25a;} .ReBad {background-color:#000000; color:#5d5432; border:4px solid #5d5432; padding:8px; font-weight:800; text-align:center;} .ReBad h5 {font-size:105%; margin:0 0 0 0; padding:0 0 0 0; color:#5d5432;} .ReBadSub {background-color:#c6938f; color:#f5ebeb; padding:4px 12px; margin-bottom:7px; font-size:90%; display:block; text-align:left;} .ReBad a, .ReBadSub a {background-color:#a2605a; color:#f5ebeb; padding:2px 6px; text-decoration:none;} .ReBad a:hover, .ReBadSub a:hover {background-color:#e0cecd; color:#a2605a;} .loading {background-color:#000000; color:#202020; border:4px solid #202020; padding:8px; font-weight:800; text-align:center; margin-bottom:15px;} .loading h5 {font-size:105%; margin:0 0 0 0; padding:0 0 0 0; color:#202020;} .YNotice {background-color:#e2ddca; color:#ab9b50; border:4px solid #cdc188; padding:8px; font-size:100%; font-weight:800; text-align:center;} .YNoticeSub {background-color:#cdc188; color:#f5ebeb; padding:4px 12px; margin-bottom:7px; font-size:90%; display:block; text-align:left;} .YNotice a, .YNoticeSub a {background-color:#ab9b50; color:#f5ebeb; padding:2px 6px; text-decoration:none;} .YNotice a:hover, .YNoticeSub a:hover {background-color:#e2ddca; color:#ab9b50;} /* THIS LAYOUT --------------------------------------------------------------------------------------------*/ /* TOP ROW */ #TopRow {height:84px; background: url(img/TopRowBgd.gif) top left repeat-x; padding-top:10px;} #TopRow h1 {width:356px; height:72px; background: url(img/ErgHead.png) top left no-repeat; behavior: url(/js/iepngfix.htc); text-indent:-9999px; font-size:1px;} #TopRow h2 {text-indent:-9999px; font-size:1px;} #TopRow p {text-indent:-9999px; font-size:1px;} /* BADGE */ #wrapbadge {width:100%;position:absolute;top:0;left:0; z-index:5000;} #alignbadge {width:750px; margin:0 auto;} #ChemtechBadge {width:175px; height:175px; background: url(img/ChemtechBadge.png) top right no-repeat; behavior: url(/js/iepngfix.htc); margin:0 0 0 auto;} /* MID ROW */ #ConRow {background: url(img/ConRowBgd.gif) top left repeat-x; padding-top:20px;} #WidZone1 {width:778px; background: url(img/Wid1Bgd.gif) top left repeat-x; display:block; padding:11px; margin:0 auto;} #MainMenu {width:800px; height:45px; background: url(img/MenuBgd.gif) top left repeat-x; display:block; margin:2px auto;} #WidZone2 {width:291px; display:inline; float:right;} .ContentLeft {width:490px; background: url(img/ContentBgd.png) top right no-repeat; behavior: url(/js/iepngfix.htc); display:inline; float:left; height:auto;} .ContentLeftFoot {width:490px; display:inline; float:left; height:auto; margin-bottom:20px; background: url(img/ContentBgd.png) top right no-repeat; behavior: url(/js/iepngfix.htc);} .ContentRight {width:291px; display:inline; float:right; height:auto;} .ContentRightbg {width:291px; background: url(img/ContentBgd.png) top right no-repeat; behavior: url(/js/iepngfix.htc); height:auto;} .Content {background: url(img/ContentBgd.png) top right no-repeat; behavior: url(/js/iepngfix.htc); padding:15px;} .Content2 {padding:3px 10px 3px 0; background: url(img/ContentBgd.png) top right no-repeat; behavior: url(/js/iepngfix.htc); margin:0 15px 3px 15px; display:block;} .Content2 p {line-height:20px; margin:0 0 0 5px; padding:0;} .Content2 a {line-height:20px; text-decoration:none; color:#86939b;} .Content2 a:hover {text-decoration:underline;} .SVCthumbs {width:80px; height:80px; margin: 10px 15px 30px 15px; border: 3px solid #333333; padding: 0; float:left;} .SVCthumbs2 {width:80px; height:80px; margin: 10px 15px 30px 15px; border: 3px solid #333333; padding: 0; float:right;} /* FOOT ROW */ #FootRow {background: url(img/FootRowBgd.gif) top left repeat-x; padding-top:30px;} #footh4 {color:#000000; background: url(img/GoldFadeBgd.png) top left repeat-x; behavior: url(/js/iepngfix.htc); display:block; font-size:100%; font-weight:800; padding:3px 3px 3px 85px; text-transform:none;} #FootRow p {color:#5d5432; font-style:normal; margin:10px 0 10px 85px;} #FootRow address {color:#5d5432; font-style:normal; margin:10px 0 10px 85px;} #FootLinks {width:291px; list-style:none;} #FootLinks li{width:285px; background: url(img/ContentBgd.png) top right no-repeat; behavior: url(/js/iepngfix.htc); display:block; padding:3px; margin-bottom:2px;} #FootLinks a {margin-left:5px; color:#5d5432; text-decoration:none; display:block; cursor:pointer;} #FootLinks a:hover {color:#988642;} #ChemtechBadgeSmall {display:block; position:relative; top:0; left:0; width:100px; height:100px; background: url(img/ChemtechBadgeSmall.png) top left no-repeat; behavior: url(/js/iepngfix.htc); margin-left:-20px;margin-top:-93px;} /* TEXT STYLES */ .ContentLeft h4 {font-size:105%; margin:10px 15px 0 15px;} .ContentLeft h3 {font-size:115%; margin:10px 15px 0 15px;} .ContentLeft a {font-size:100%; color:#4c4c4c; margin:5px 0 10px 0;} .ContentLeft a:hover {font-size:100%; color:#5d5432; margin:5px 0 10px 0;} #VacancyBoard {margin:15px; display:block; border-collapse:collapse; color:#5d5432;} #VacancyBoard tr.TBhead {color:#000000; background-color:#5d5432; } #VacancyBoard td.TBhead {color:#000000; background-color:#5d5432; } #VacancyBoard tr {padding:0; margin:0;} #VacancyBoard td {padding:7px; border:1px solid #202020; border-collapse:collapse; margin:0} #VacancyBoard td.TBmain {width:200px;} #QuotationFRM {margin:15px; display:block; border-collapse:collapse; color:#5d5432;} #QuotationFRM tr.TBhead {color:#000000; background-color:#5d5432; } #QuotationFRM td.TBhead {color:#000000; background-color:#5d5432; } #QuotationFRM tr {padding:0; margin:0;} #QuotationFRM td {padding:7px; border:1px solid #202020; border-collapse:collapse; margin:0} #QuotationFRM td.TBblank {padding:5px 5px 0 0; border:none; border-collapse:collapse; margin:0} #QuotationFRM td.TBmain {width:200px;} /* TOP TIER NAV */ #MainMenu li {list-style:none; display:inline;} #MainMenu a {background-position:top left; display:block; font-size:1px; text-indent:-9999px; height:45px;} #MainMenu a:hover {background-position:bottom left;} #TNHome {width:60px; background-image:url(img/TNHome.gif); display:inline; float:left;} #TNProfile {width:139px; background-image:url(img/TNProfile.gif); display:inline; float:left;} #TNServices {width:82px; background-image:url(img/TNServices.gif); display:inline; float:left;} #TNContact {width:100px; background-image:url(img/TNContact.gif); display:inline; float:left;} #TNMembers {width:109px; background-image:url(img/TNMembers.gif); display:inline; float:left;} #TNLogout {width:73px; background-image:url(img/TNLogout.gif); display:inline; float:left;} /* FORMS */ .FRMfield {margin:0 auto 10px auto; padding:4px; border:1px #202020 solid; color:#5d5432; background-color:#000000 !important; width:95%; font-family:arial; font-size:12px; } .FRMfieldB {background-color:#202020; color:#5d5432; font-size:9px; text-align:center; border:none; text-transform:uppercase; cursor:pointer; margin:7px 3px 0 0; } .FRMfieldB:hover {background-color:#5d5432; color:#202020;} textarea.FRMfield {margin:0 auto 10px auto; padding:4px; border:1px #202020 solid; color:#5d5432; background-color:#000000; width:95%; height:100px; font-family:arial; font-size:12px;} textarea.FRMfield:hover, textarea.FRMfield:focus, .FRMfield:hover, .FRMfield:focus {border:1px #313131 solid;} /* HEADINGS AND FOOTERS */ #MZWelcome, #MZnews, #MZmemnews, #MZmembers, #MZvacancies, #MZjobdesc, #MZonlineapp, #MZfeedback, #MZcontact, #MZenquiry, #MZhazardous, #MZrecycling, #MZcontainers, #MZenvironmental, #MZchemist, #MZmaintenance, #MZfaq, #MZindustrial, #MZtotalwaste, #MZnotfound, #MZregcon, #MZregister, #MZeditprof, #MZmemfiles, #MZmemnotes, #MZprofile, #MZstaff, #MZquality, #MZunsubscribe, #MZlegalnotes, #MZaccessibility, #MZenvironotes, #MZstafftraining, #MZerror, #MZrevieworder, #MZlogistics, #MZeurope, #MZcorpresp, #MZcallback {width:490px; height:43px; background: url(img/MZwelcome.png) top right no-repeat; behavior: url(/js/iepngfix.htc); text-indent:-9999px; font-size:1px;} #MZcallback {background: url(img/MZcallback.png) top right no-repeat;} #MZWelcome {background: url(img/MZwelcome.png) top right no-repeat;} #MZnews {background: url(img/MZnews.png) top right no-repeat;} #MZmemnews {background: url(img/MZmemnews.png) top right no-repeat;} #MZmembers {background: url(img/MZmembers.png) top right no-repeat;} #MZvacancies {background: url(img/MZvacancies.png) top right no-repeat;} #MZjobdesc {background: url(img/MZjobdesc.png) top right no-repeat;} #MZonlineapp {background: url(img/MZonlineapp.png) top right no-repeat;} #MZfeedback {background: url(img/MZfeedback.png) top right no-repeat;} #MZcontact {background: url(img/MZcontact.png) top right no-repeat;} #MZenquiry {background: url(img/MZenquiry.png) top right no-repeat;} #MZhazardous {background: url(img/MZhazardous.png) top right no-repeat;} #MZrecycling {background: url(img/MZrecycling.png) top right no-repeat;} #MZcontainers {background: url(img/MZcontainers.png) top right no-repeat;} #MZenvironmental {background: url(img/MZenvironmental.png) top right no-repeat;} #MZchemist {background: url(img/MZchemist.png) top right no-repeat;} #MZmaintenance {background: url(img/MZmaintenance.png) top right no-repeat;} #MZfaq {background: url(img/MZfaq.png) top right no-repeat} #MZindustrial {background: url(img/MZindustrial.png) top right no-repeat;} #MZtotalwaste {background: url(img/MZtotalwaste.png) top right no-repeat;}s #MZnotfound {background: url(img/MZnotfound.png) top right no-repeat;} #MZregcon {background: url(img/MZregcon.png) top right no-repeat;} #MZregister {background: url(img/MZregister.png) top right no-repeat} #MZeditprof {background: url(img/MZeditprof.png) top right no-repeat;} #MZmemfiles {background: url(img/MZmemfiles.png) top right no-repeat;} #MZmemnotes {background: url(img/MZmemnotes.png) top right no-repeat;} #MZprofile {background: url(img/MZprofile.png) top right no-repeat;} #MZstaff {background: url(img/MZstaff.png) top right no-repeat;} #MZquality {background: url(img/MZquality.png) top right no-repeat;} #MZunsubscribe {background: url(img/MZunsubscribe.png) top right no-repeat;} #MZlegalnotes {background: url(img/MZlegalnotes.png) top right no-repeat;} #MZaccessibility {background: url(img/MZaccessibility.png) top right no-repeat;} #MZenvironotes {background: url(img/MZenvironotes.png) top right no-repeat;} #MZstafftraining {background: url(img/MZstafftraining.png) top right no-repeat;} #MZerror {background: url(img/MZerror.png) top right no-repeat;} #MZrevieworder {background: url(img/MZrevieworder.png) top right no-repeat;} #MZlogistics {background: url(img/MZlogistics.png) top right no-repeat;} #MZeurope {background: url(img/MZeurope.png) top right no-repeat;} #MZcorpresp {background: url(img/MZcorpresp.png) top right no-repeat;} #WZ2secnav {width:291px; height:43px; background: url(img/WZ2secnav.png) top right no-repeat; behavior: url(/js/iepngfix.htc); text-indent:-9999px; font-size:1px;} #WZ2register {width:291px; height:43px; background: url(img/WZ2register.png) top right no-repeat; behavior: url(/js/iepngfix.htc); text-indent:-9999px; font-size:1px;} #WZ2Login {width:291px; height:43px; background: url(img/LoginHeading.png) top right no-repeat; behavior: url(/js/iepngfix.htc); text-indent:-9999px; font-size:1px;} #WZ2memdiscount {width:291px; height:43px; background: url(img/WZ2memdiscount.png) top right no-repeat; behavior: url(/js/iepngfix.htc); text-indent:-9999px; font-size:1px;} #WZ2memtools {width:291px; height:43px; background: url(img/WZ2memtools.png) top right no-repeat; behavior: url(/js/iepngfix.htc); text-indent:-9999px; font-size:1px;} #WZ2News {width:291px; height:43px; background: url(img/LatestNewsHeading.png) top right no-repeat; behavior: url(/js/iepngfix.htc); text-indent:-9999px; font-size:1px;} #WZ2NewsFt a {background-position:top left; display:block; font-size:1px; text-indent:-9999px; height:29px; } #WZ2NewsFt a:hover {background-position:bottom left;} #WZ2NewsFtLink {width:291px; height:29px; background: url(img/ViewAll.png) top right no-repeat; behavior: url(/js/iepngfix.htc); text-indent:-9999px; font-size:1px; margin-top:20px;} #map {margin: 15px 0 15px 15px; width: 460px; height: 342px; background: url(img/map.jpg) top right no-repeat;} /* WIDGET ZONE 1 */ /* WIDGET ZONE 2 */ #LoginArea {background: url(img/ContentBgd.png) top right no-repeat; behavior: url(/js/iepngfix.htc);} .LOGregister, .LOGresetpass {behavior: url(/js/iepngfix.htc);cursor:pointer;text-indent:-9999px;font-size:1px;float:left;display:inline;} .LOGregister {width:68px; height:22px; background: url(img/RegisterBT.png) top left no-repeat;} .LOGresetpass {width:108px; height:22px; background: url(img/PasswordBT.png) top left no-repeat; } #WZ2ShopBT {width:289px; height:115px; background: url(img/ShopWidget.gif) top right no-repeat; text-indent:-9999px; font-size:1px; display:block;} #WZ2callbackBT {width:289px; height:115px; background: url(img/Z2callback.gif) top right no-repeat; text-indent:-9999px; font-size:1px; display:block;} .PageControls {margin:15px; display:block; line-height:30px; padding:0 5px; color:#4c4c4c; background-color: #202020;} #Z2news {background: url(img/ContentBgd.png) top right no-repeat; behavior: url(/js/iepngfix.htc);} #WidZone2 ul {width:291px; list-style:none;} #WidZone2 li {width:276px; color:#5d5432; background: url(img/ContentBgd.png) top right no-repeat; behavior: url(/js/iepngfix.htc); display:block; padding:3px 3px 3px 12px; margin-bottom:2px;} #WidZone2 li a {margin:0; color:#5d5432; text-decoration:none; display:block; cursor:pointer; } #WidZone2 li a:hover {margin:0; color:#988642;} /* TEXT STYLES */ #WidZone2 p {font-size:100%; color:#5d5432; margin:5px 15px 10px 15px;} #WidZone2 p.Notes {color:#4c4c4c;} #WidZone2 a {font-size:100%; color:#4c4c4c; margin:5px 0 10px 0;} #WidZone2 a:hover {font-size:100%; color:#5d5432; margin:5px 0 10px 0;} .ContentRight h4 {font-size:105%; margin:10px 15px 0 15px;} .WNews {font-size:100%; color:#4c4c4c; margin:5px 15px 10px 15px;} /* MODULE STYLES --------------------------------------------------------------*/ /* Feedback */ .radiofeedback {background-color:#202020; padding:0 3px; line-height:30px; margin:0 1px;text-align:center; display:inline; float:left; width:38px;} /* Filemanager */ span.folderEmpty, span.folder, span.folderParent, span.fileUnknown, span.fileText, span.fileWord, span.fileFlash, span.fileVideo, span.filePicture, span.filePPT, span.fileExcel, span.filePhp, span.fileMusic, span.fileExe, span.fileAcrobat, span.fileRTF, span.fileXml, span.fileCode, span.fileZip{width:20px; height:20px; background-repeat:no-repeat; background-position: center center; behavior: url(/js/iepngfix.htc); display:block;} span.folderEmpty{background-image:url(img/file_folder_icon/folderEmpty.png);} span.folder{background-image:url(img/file_folder_icon/folder.png);} span.folderParent{background-image:url(img/file_folder_icon/folderParent.png);} span.fileUnknown{background-image:url(img/file_folder_icon/fileUnknown.png);} span.fileText{background-image:url(img/file_folder_icon/fileText.png);} span.fileWord{background-image:url(img/file_folder_icon/fileWord.png);} span.fileFlash{background-image:url(img/file_folder_icon/fileFlash.png);} span.fileVideo{background-image:url(img/file_folder_icon/fileVideo.png);} span.filePicture{background-image:url(img/file_folder_icon/filePicture.png);} span.filePPT{background-image:url(img/file_folder_icon/filePowerpoint.png);} span.fileExcel{background-image:url(img/file_folder_icon/fileExcel.png);} span.filePhp{background-image:url(img/file_folder_icon/filePhp.png);} span.fileMusic{background-image:url(img/file_folder_icon/fileMusic.png);} span.fileExe{background-image:url(img/file_folder_icon/fileExe.png);} span.fileAcrobat{background-image:url(img/file_folder_icon/fileAcrobat.png);} span.fileRTF{background-image:url(img/file_folder_icon/fileRTF.png);} span.fileXml{background-image:url(img/file_folder_icon/fileXml.png);} span.fileCode{background-image:url(img/file_folder_icon/fileCode.png);} span.fileZip{background-image:url(img/file_folder_icon/fileZip.png);}