body{font-size:16px;line-height:18px;font-family:helvetica;margin:0;padding:0;background-color:rgb(5, 20, 23)}
h1{font-size:40px;line-height:40px;text-shadow:2px 2px 3px rgb(49, 166, 171);color:white;font-family:Impact, Charcoal, sans-serif;margin:0}
h2{font-size:16px;line-height:18px;font-family:Charcoal, sans-serif;text-shadow:2px 2px 3px rgb(200, 200, 200);color:black;font-weight:bold;margin:0;padding:0;display:inline-block}
h3{font-size:16px;line-height:18px;font-style:normal;font-family:helvetica;display:inline;margin:0;padding:0}
hr{opacity:.5}
.hidden{display:none}
#headerLeft a {color:inherit;text-decoration:none;cursor:pointer}
#divMenu a {color:inherit;text-decoration:none;cursor:pointer}
.nolineA{text-decoration:none;}
a,img{border:none}
ul{margin-top:5px}
li{margin: 0 0 5px 0}
form{margin:0;padding:0}
select {border:1px solid #ccc;vertical-align:top;height:20px}
input{width:30px;margin-right:18px;vertical-align:top; }
input, select, textarea{box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box}
/* MAIN_AREAS */
.genOut{position:relative;width:100%;overflow:hidden;text-align:center}
#headerOut{background:url(media/header.jpg);height:100px;padding:0;margin:0}
#menuOut{background:url(media/menu.jpg);height:35px;font-family:Charcoal, sans-serif;border-top:1px solid grey;border-bottom:1px solid rgb(200,200,200);padding:0;margin:0}
#contentOut{background-color:white;height:550px;border-top:1px solid grey;border-bottom:1px solid grey;padding:0;margin:0}
#socialOut{display:none}
#footerOut{height:60px;padding:0;margin:0;background-color:rgb(10, 33, 39)}
#header{position:absolute;z-index:1;width:600px;left:50%;margin-left:-300px;display:block;margin-top:20px}
#divMenu{position:absolute;z-index:1;width:600px;left:50%;margin-left:-300px;display:block;text-align:center;font-weight:bold}
#content{position:absolute;z-index:1;width:600px;left:50%;margin-left:-300px;display:block;margin-top:15px}
#social{display:none}
#footer{position:absolute;z-index:1;height:60px;width:600px;top:0;left:50%;margin-left:-300px;font-size:14px;text-align:center;line-height:18px;color:white}
/* HEADER */
#headerLeft{float:left;display:inline-block;color:white;width:420px}
#headerLeft img{float:left;height:50px}
#mobileHide{display:none}
#headerRight{float:right;text-align:right;display:inline-block;color:white}
#headerRight a{color:inherit;text-decoration:none;cursor:default}
#fax{color:rgb(220,220,230)}
.menu_button{display:inline-block;height:35px;text-align:center;color:grey;line-height:35px;margin-left:7px;margin-right:7px}
.menu_button_selected{display:inline-block;height:35px;text-align:center;text-shadow:2px 2px 3px grey;color:rgb(12, 36, 40);line-height:32px;margin-left:7px;margin-right:7px;font-weight:bolder}
.menu_button:hover{text-shadow:0 0 40px rgb(12, 36, 40)}
 #menuCAD{display:none}
/* CONTENT */
.divGenItem{width:580px;height:575px;text-align:left;margin-top:25px;overflow:hidden;margin-left:10px;margin-right:10px}
.divGenTop{clear: both;height:40px;font-family:Charcoal, sans-serif;text-shadow:2px 2px 3px rgb(200, 200, 200);color:black;font-weight:bold}
.divGenTop span{font-weight:bolder}
/* HOME */
#homeLeft{display:inline-block;width:420px;float:left;overflow:hidden;margin:0;padding:0}
#homeRight{display:inline-block;width:160px;float:right;overflow:hidden;margin:0;padding:0;overflow:hidden}
#homeBottom{display:block;clear:both;padding-top:20px;font-weight:bold}
#homeLeft h2{font-size:16px;line-height:18px;font-family:helvetica;color:black;text-shadow:none;font-weight:normal}
#homeLeft  img{width:85px;float:left;margin-right:15px;margin-bottom:20px}
#homeRight  img{width:130px;float:right;margin-top:10px;border: 1px solid grey}
#frontPageNews{text-align:center;margin:0;padding:0;width:100%;z-index:99999;background-color:red;height:20px;line-height:20px;font-size:16px;border-bottom:1px solid white}
#frontPageNews a{text-decoration:none;color:white;cursor:pointer;}
 /* SERVICES */
#servicesLeft{display:inline-block;float:left;width:370px}
#servicesRight{display:inline-block;float:right;width:202px;text-align:right}
#slider{width:200px;height:180px;border: 1px solid grey;overflow:hidden}
#slider img{display:inline;width:200px;height:180px;padding:0;border:0px solid white}
.sliderImage{display:none}
/* FIXTURE */
#checkLeft{display:inline-block;float:left;width:370px}
#checkRight{display:inline-block;float:right;}
#checkRight img{width:200px}
/* NAAMS */
#naamsLeft{display:inline-block;float:left;width:370px}
#naamsRight{display:inline-block;float:right;}
#naamsRight img{width:200px}
/* CONTACT */
.contactItem{display:block;margin-bottom:10px;}
#contactLeft{display:inline-block;float:left;width:250px}
#contactRight{display:inline-block;float:right;width:325px}
.contactIndent{margin-left:5px;font-size:16px}
#selectMap{float:right;margin-right:3px}
#mapFrame{width:320px; height:395px; border:1px solid grey}
/* CAD */
#divHomeInputs{clear: both;height:25px;padding-top:10px;padding-bottom:10px;border-top:1px dashed grey;border-bottom:1px dashed grey;line-height:20px;vertical-align:top;}
#dimViewContainer{overflow:hidden;height:430px;width:500px;margin:0;padding:0}
#divView1{display:inline-block;height:430px;width:700px;float:left; position:relative}
#divView2{display:inline-block;height:430px;width:250px;float:right; position:relative}
#imgView1{}
#imgView2{}
#divHomeOutputs{clear: both;height:25px; margin-top:0px;padding-top:10px;border-top:1px dashed grey;}
#divHomeOutputs span{margin-right:30px;color:slate}
p{display:inline;color:rgb(50,50,50)}
#dimtop{width:55px;margin-right:18px;}
#dimrib{width:35px;margin-right:18px;}
#pattern{width:145px;margin-right:18px;}
#dimpad{width:95px;height:22px}
#submit{width:80px;float:right;margin-right:0}
#svgView1{ }
#svgView2{ }
#cadTop{float:right;font-weight:normal;font-size:16px;line-height:18px;text-shadow: none;padding:2px}
#cadTop span{color:red}
#divHomeSuggest{font-weight:normal;color:red;cursor:pointer}
#cadStock{font-size:14px}
#cadStockHeader{width:380px;margin-left:10px;margin-bottom:10px}
#cadStock .publicLabel{display:inline-block;width:140px;margin-left:10px}
#cadStock .publictextbox,#cadStock .publicselect,#divPublicInputs #cadStocktextarea{width:210px}
#psubmit2{margin-bottom:10px;width:80px;float:right;margin-right:0}
#basegen{position:relative}
#groundOffNote{position:absolute;top:50px;right:0;color:red;font-size:14px;display:none}
/* Quote */
#quoteTop{background-color:rgb(230,230,230);height:55px;font-size:14px;margin-bottom:10px}
#publicContainer div{margin-bottom:5px}
#divPublicInputs div{margin-bottom:4px}
#publicContainer form{margin-top:5px}
#divPublicInputs{width:580px}
#divPublicInputs textarea{width:468px;height:20px;margin:0;padding:0;vertical-align:top;margin:0;margin-left:5px;resize: none}
#publicNote{color:rgb(100,100,100);background-color:rgb(245,205,205);font-size:14px;line-height:16px;padding:5px;margin-bottom:20px}
.publictextbox{width:468px;vertical-align:top;margin:0}
.publicselect{width:468px;margin:0;background-color:white}
.publicLabel{display:inline-block;width:80px;margin-left:10px}
.publicArea{color:grey}
#baseNoteFloat{position:absolute;left:20px;top:535px;font-size:14px;line-height:16px;}
#psubmit{width:80px;float:right;margin-right:7px}
#patterns{display:none}
#patternHi{display:none}
/* Quote added for new*/
#basetabs{height:30px;padding:0;margin:0;overflow:hidden}
#basetabs span{display:inline-block;cursor:pointer;height:25px;width:120px;padding:0;margin:0;margin-top:5px;border:1px solid rgb(169, 169, 169);border-bottom:0px;border-radius:3px;text-align:center;background-color:white;font-size:16px;line-height:24px;}
#baseTabsLabel{font-size:24px;color:red;display:none;padding-left:25px;}
.baseTabWrapper{border:1px solid rgb(169, 169, 169);padding-top:5px;width:570px;margin-bottom:5px}
#baseTabCustom{height:170px;}
#baseTabStock{height:170px;font-size:14px; overflow:hidden;text-align:left;position:relative}
#baseTabStockInner{height:110px;overflow-y:scroll;border-bottom:1px solid grey;}
#baseTabStockInfo span{color:red;font-weight:bold}
#baseTabStockHeader{font-weight:bold;border-bottom:1px solid grey;margin-bottom:5px;width:100%;}
#baseTabStockHeader span,#baseTabStockInner div span{display:inline-block}
#baseTabStockHeader span:nth-child(1){width:5%}
#baseTabStockHeader span:nth-child(2){width:65%}/* original was 100 */
#baseTabStockHeader span:nth-child(3){width:20%}/*havent changed*/
#baseTabStockInner div,#baseTabStockHeader{width:100%;margin:0;margin-top:1px;padding:0;margin-left : 5%; width:90%;height: 18px;line-height:18px;cursor:pointer} 
#baseTabStockInner div:nth-child(even){background-color:#f3f2f2}
#baseTabStockInner div span{display:inline-block;}
#baseTabStockInner div span:nth-child(1){width:5%}
#baseTabStockInner div span:nth-child(2){width:65%}/* original was 100 */
#baseTabStockInner div span:nth-child(3){width:20%}/*havent changed*/
#baseTabStockInner div span select{width:40px; height:18px;}
#baseTabStockInfo{height:50px;width:90%;margin-left:5%;font-size:14px;line-height:15px}
/* Admin */
.error{color:red}
#adminGrey{color:grey}
/* Main section related */
#adminSectionUsers{max-height:475px;width:100%;overflow:none}
#adminSectionStats{max-height:475px;width:100%;overflow:none;display:none}
#adminSectionStock{max-height:475px;width:100%;overflow:none;display:none}
#adminSectionLinkUsers{padding-right:5px;color:rgb(5, 20, 23);font-weight:bold}
#adminSectionLinkStats{color:grey}
#adminSectionLinkStock{color:grey}
#adminSectionStats th{cursor: pointer;}
/* Table related */
table {border-collapse: collapse;width: 100%;font-size:12px;}
th{background-color:rgb(5, 20, 23);color:white;}
th, td {padding: 0.25rem;text-align: left;border: 1px solid #ccc;}
tr{background-color:white}
tr.odd{background-color:rgb(248, 242, 248); }
.tableOut{max-height:475px;overflow-x:hidden;overflow-y:auto;border-bottom:1px solid grey;border-top:1px solid grey;position:relative}
.tableHeading{margin:0;padding:0;width:100%;text-align:right;font-size:12px}
.adminAddEditFont{font-size:12px}
#tableFilter{margin:0;padding:0;width:100%;text-align:right;min-height:20px}
#adminSectionStatsTable_length{display:none}
#adminSectionStatsTable_filter{position:absolute;top:0;right:0}
#adminSectionStatsTable_filter input{width:200px;margin-left:10px;margin-right:0px}
#adminSectionStatsTable_info{font-size:12px;text-align:right}
#adminSectionStatsTable_paginate{display:none}
.dataTables_length{display:inline; float:left}
/* Popup related */
#adminFormOverlay{display:none;position:absolute;z-index:2;top:0;left:0;width:100%;height:200%;background-color:grey;opacity:0.8}
#adminFormResponse{display:none;height:50px;width:100%;text-align:center;color:red;font-size:50px;margin-top:50px}
.adminForm{display:none;position:absolute;z-index:3;left:0;right:0;top:150px;width:400px;margin-left:auto;background-color:white;margin-right:auto;border:1px solid #0c2329;border-radius:5px}
.adminFormTitle{position:relative;color:white;background-color:#0c2329;text-align:center;border-radius:2px;margin-bottom:5px;font-size:14px}
.adminFormTitleClose{float:right;display:inline-block;width:10px;color:white;font-weight:bold;margin-right:7px;font-size:19px;line-height:19px}
.adminFormTitleClose a{color:inherit}
.adminText{width:125px;display:inline-block;margin-top:10px;margin-left:10px}
.adminInput{width:240px;margin-top:10px}
.adminSubmitButton{width:80px;float:right;margin-right:20px;margin-bottom:10px}
#pwordContainer{position:relative}
#genpass{position:absolute;top:10px;right:25px;height:15px;width:15px;cursor:pointer}
#genpass:hover{ -webkit-transform: rotate(350deg);transform: rotate(350deg);}
.hiddenForm{display:none}
#multiFiles{display:inline-block;width:100%;height:50px;margin-left:10px;}
#uploadNote{display:inline-block;font-size:12px;font-style:italic;color:grey;margin-left:10px;margin-bottom:10px}
/* Login */
#eqlogin{display:block;height:150px;width:300px;margin-left:350px;margin-top:100px;border:1px solid black;border-radius:5px}
.loginText{width:125px;display:inline-block;margin-top:10px;margin-left:10px}
.loginInput{width:125px;margin-top:10px}
#loginSubmit{width:80px;float:right;margin-right:25px}
#loginfail{display:block;clear:both;color:red;font-size:12px}
.adminFormError{display:none;color:red;font-size:12px;margin-left:10px;margin-bottom:10px;line-height:14px;}
#adminFormStockFormNew{margin:10px;padding:10px;border:1px solid grey;display:none}
/* SOCIAL */
.soItem{display:inline-block;float:left;height:200px;width:200px;margin:24px 24px 24px 24px;border:1px solid black; background-color:rgb(228, 232, 238);overflow:hidden}
.soTitle{display:block;margin-top:5px}
.soContent{padding:5px}
#aFlag_Widget{display:inline-block;width:150px;float:center;margin-top:15px}
 
/* FOOTER */
#GWT{color:green}
#GWT a{text-decoration:none;color:inherit}
#divFooter span{display:block;width:960px;border-top:1px dashed grey;}