html{
font-size:100.01%;
}
body {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:62.5%;
background:#666 url("../img/bodyBg.jpg") repeat-x 0 0;
}
img, p, h1, h2, h3, h4, h5, h6, li, ul, fieldset, form {
list-style:none;
border:0;
margin:0;
padding:0;
}
img {
float:left;
}
a {
border:0;
margin:0;
padding:0;
outline:none;
}
#page {
overflow:hidden;
width:88.3em;
margin:6.4em auto 0 auto;
border:1em solid #990000;
}
#header {
overflow:hidden;
width:100%;
height:8.3em;
background:url("../img/headerBg.png");
}
#logo {
overflow:hidden;
float:left;
margin:1.9em 0 0 1.5em;
}
#logo a {
display:block;
overflow:hidden;
float:left;
width:21.5em;
height:4.8em;
cursor: pointer;
}
#logo a img {
width:21.5em;
height:4.8em;
}
#rightHeader {
overflow:hidden;
float:right;
}
a#request {
display:block;
cursor:pointer;
overflow:hidden;
float:right;
margin:1em 1em 0 0;
text-transform:uppercase;
color:#fff;
text-decoration:none;
position:relative;
z-index:1000;
}
a#request span.requestBtn {
display:block;
float:left;
overflow:hidden;
width:1.5em;
height:1.5em;
border:0.1em solid #666;
background:#333;
}
a#request span.requestBtn img {
width:0.5em;
height:0.9em;
margin:0.3em 0 0 0.6em;
}
a#request span.requestText {
float:left;
width:12.5em;
height:1.5em;
border:0.1em solid #666;
border-left:0;
background:#000;
font-size:1em;
line-height:1.5em;
padding:0 0 0 0.7em;
}
a#request:hover {
color:#333;
}
a#request:hover span.requestBtn {
background:#e0f5ff;
}
a#request:hover span.requestText {
background:#bde9ff;
}
h2#slogan {
float:right;
clear:right;
font-weight:normal;
font-size:2.2em;
color:#999;
font-style:italic;
margin:0.9em 1.2em 0 0;
}
/*----------------------------------------------*/
#content {
/* overflow:hidden; */
float:left;
width:100%;
background:#fff;
border-top:1em solid #990000;
}
/*----------------------------------------------*/
#leftMenu {
float:left;
overflow:hidden;
width:18.9em;
margin:0.9em 0 0 0.2em;
display:inline;
}
#leftMenu ul#mainUl, #leftMenu ul.subMenu {
width:100%;
float:left;
overflow:hidden;
}
#leftMenu ul.subMenu {
display:none;
padding-bottom:0.8em;
}
#leftMenu ul.currentSub {
display:block;
}
#leftMenu ul#mainUl li, #leftMenu ul.subMenu li {
width:100%;
float:left;
clear:left;
overflow:hidden;
}
#leftMenu ul#mainUl li {
margin:0.8em 0 0 0;
}
#leftMenu ul#mainUl li a {
width:18.9em;
float:left;
display:block;
text-decoration:none;
/* margin:0.8em 0 0 0; */
position:relative;
}
#leftMenu ul.subMenu li a {
float:left;
display:block;
text-decoration:none;
position:relative;
}
#leftMenu ul#mainUl li a img.arrowBigRed {
position:absolute;
width:0.9em;
height:1.7em;
left:0.8em;
top:0.3em;
}
#leftMenu ul.subMenu li a img.arrowGrey {
position:absolute;
width:0.5em;
height:0.9em;
left:1.2em;
top:0.3em;
display:none;
}
#leftMenu ul.subMenu li a.currentAsub img.arrowGrey {
display:block;
}
/* #leftMenu ul#mainUl li a:hover {
background:#e0f5ff;
} */
#leftMenu ul#mainUl li div.menuLine {
float:left;
clear:left;
overflow:hidden;
height:0.1em;
width:16.5em;
margin:0.8em 0 0 2.4em;
background:#999;
}
#leftMenu ul#mainUl li a span.mainText, span.mainDesc {
display:block;
width:14em;
float:left;
clear:left;
font-size:1.1em;
line-height:1.2em;
font-weight:bold;
/* border-right:0.1em solid #fff; */
padding:0 0 0 2.4em;
/* margin:0 0.8em 0 0; */
}
#leftMenu ul.subMenu li a, #leftMenu ul.subMenu li {
margin:0 !important;
}
/* #leftMenu ul.subMenu li a:hover {
background:none !important;
} */
#leftMenu ul.subMenu li a span.subText {
display:block;
width:15em;
float:left;
clear:left;
font-size:1.1em;
line-height:1.2em;
font-weight:bold;
color:#999;
padding:0 0 0 2.4em;
/* margin:0 0.8em 0 0; */
}
#leftMenu ul.subMenu li a span.currentText {
color:#333;
}
#leftMenu ul.subMenu li a:hover span.subText {
color:#333;
cursor:pointer;
}
#leftMenu ul#mainUl li a:hover span.mainText {
color:#666;
/* background:#bde9ff; */
}
#leftMenu ul#mainUl li a.current:hover span.mainText {
color:#990000;
}
#leftMenu ul#mainUl li a:hover span.mainDesc {
color:#999;
/* background:#bde9ff; */
}
#leftMenu ul#mainUl li a span.mainText {
color:#990000;
text-transform:uppercase;
padding-top:0.5em;
cursor:pointer;
}
#leftMenu ul#mainUl li a span.mainDesc {
color:#999;
padding-bottom:0.3em;
cursor:pointer;
}
#leftMenu ul#mainUl li span.contactBox {
display:block;
width:14em;
float:left;
clear:left;
color:#999;
font-size:1.1em;
font-weight:bold;
padding:0 0 0 2.4em;
}
#leftMenu ul#mainUl li span.headquarters {
color:#666;
margin-top:1.2em;
}
#leftMenu ul#mainUl li span.state {
}
#leftMenu ul#mainUl li span.zeeland {
}
#leftMenu ul#mainUl li span.phone {
margin-top:0.5em;
}
#leftMenu ul#mainUl li a.contactMail {
color:#999;
font-size:1.1em;
font-weight:bold;
padding:0 0 0 2.4em;
text-decoration:underline;
margin-top:0.5em;
}
#leftMenu ul#mainUl li a.contactMail:hover {
color:#666;
background:none;
}
/* #leftMenu ul#mainUl li a.current:hover, #leftMenu ul#mainUl li a.current span.mainText, #leftMenu ul#mainUl li a.current span.mainDesc {
background:none;
} */
/*----------------------------------------------*/
#rightContent {
float:left;
width:66.4em;
margin:0 0 0 2em;
display:inline;
}
/*----------------------------------------------*/
#rightContent #guyCovered {
width:66.4em;
height:19.2em;
position:relative;
z-index:1;
}
#rightContent #guyCovered img {
width:66.4em;
height:24.3em;
position:absolute;
top:-5.1em;
left:0;
z-index:1;
}
/*----------------------------------------------*/
#rightContent #guyCovered2 {
width:66.4em;
height:19.2em;
position:relative;
z-index:1;
}
#rightContent #guyCovered2 img {
width:66.4em;
height:28m;
position:absolute;
top:-9em;
left:0;
z-index:1;
}
/*----------------------------------------------*/
#rightContent #jpgImage {
width:66.4em;
height:19.2em;
}
#rightContent #jpgImage img {
width:66.4em;
height:19.2em;
}
/*----------------------------------------------*/
#rightContent .wideText {
width:66.1em;
margin:2em 0 0 0.3em;
float:left;
/* overflow:hidden; */
}
#rightContent .wideText h1 {
font-size:2.5em;
font-weight:bold;
color:#333;
}
#rightContent .wideText h2 {
font-size:1.7em;
font-weight:bold;
color:#999;
}
#rightContent .wideText p {
font-size:1.1em;
line-height:1.5em;
width:60em;
color:#333;
margin:1em 0 0 0;
}
#rightContent .wideText a {
text-decoration:underline;
color:#333;
}
#rightContent .wideText a:hover {
color:#4A749C;
}
#rightContent .wideText p.contact-p {
margin:0;
}
/*----------------------------------------------*/
.learnBlocks {
float:left;
overflow:hidden;
width:66.1em;
margin:2em 0 0 0.3em;
}
.learnBlocks .learnBlock {
float:left;
overflow:hidden;
margin-left:0.3em;
display:inline;
}
.learnBlocks .first {
margin-left:0;
}
.learnBlocks .learnBlock .imageHeader {
float:left;
overflow:hidden;
font-size:1.2em;
font-weight:bold;
}
.learnBlocks .learnBlock .imageHeader .redImage {
float:left;
overflow:hidden;
width:2.4em;
height:2.4em;
background:#990000;
}
.learnBlocks .learnBlock .imageHeader .redImage img.silverware {
width:1.6em;
height:1.8em;
margin:0.3em 0 0 0.5em;
}
.learnBlocks .learnBlock .imageHeader .redImage img.pill {
width:1.6em;
height:1.7em;
margin:0.4em 0 0 0.4em;
}
.learnBlocks .learnBlock .imageHeader .redImage img.car {
width:2.2em;
height:1.3em;
margin:0.5em 0 0 0;
}
.learnBlocks .learnBlock .imageHeader .redImage img.wireless {
width:1.6em;
height:1.8em;
margin:0.3em 0 0 0.4em;
}
.learnBlocks .learnBlock .imageHeader span {
float:left;
width:10em;
overflow:hidden;
color:#999;
height:2.4em;
line-height:2.4em;
margin:0 0 0 0.1em;
padding:0 0 0 0.5em;
text-transform:uppercase;
background:#333;
}
.learnBlocks .learnBlock .imageHeader span a {
color:#999;
text-decoration:none;
}
.learnBlocks .learnBlock .imageHeader span.wideSpan {
width:14em;
}
.learnBlocks .learnBlock .imageHeader span.technology {
width:7.9em;
}
.learnBlocks .learnBlock p {
float:left;
clear:left;
width:14em;
overflow:hidden;
color:#333;
font-size:1.1em;
line-height:1.5em;
margin:0.8em 0 0 0.3em;
}
.learnBlocks .learnBlock p.p-furniture {
width:18em;
}
.learnBlocks .learnBlock p.p-technology {
width:11em;
}
.learnLink {
float:left;
clear:left;
overflow:hidden;
margin:0.8em 0 0 0;
width:11em;
font-size:1.1em;
}
.learnLink a.learnBox {
float:left;
display:block;
text-decoration:none;
overflow:hidden;
cursor:pointer;
white-space:nowrap;
width:11em;
}
.learnLink a.learnBox span.learnBtn {
width:2.5em;
height:1.5em;
float:left;
overflow:hidden;
border:0.1em solid #ccc;
}
.learnLink a.learnBox span.learnBtn img {
width:0.5em;
height:0.9em;
margin:0.3em 0 0 1em;
}
.learnLink a.learnBox span.learnBtn img.arrowWhite {
display:none;
}
.learnLink a.learnBox span.learnText {
float:left;
overflow:hidden;
color:#999;
height:1.5em;
border:0.1em solid #fff;
width:6em;
margin:0 0 0 0.1em;
line-height:1.5em;
padding-left:0.7em;
}
.learnLink a.learnBox:hover span.learnBtn {
background:#bde9ff;
}
.learnLink a.learnBox:hover span.learnBtn img.arrowWhite {
display:block;
}
.learnLink a.learnBox:hover span.learnBtn img.arrowRed {
display:none;
}
.learnLink a.learnBox:hover span.learnText {
background:#ccc;
color:#666;
border:0.1em solid #ccc;
}
/*----------------------------------------------*/
.bottomBlocks {
float:left;
/* overflow:hidden; */
width:66.1em;
margin:2em 0 0 0.3em;
}
.bottomBlocks .bottomBlock {
float:left;
/* overflow:hidden; */
margin-left:0.3em;
display:inline;
}
.bottomBlocks .first {
margin-left:0;
}
.bottomBlocks .bottomBlock .greyHeader {
float:left;
overflow:hidden;
font-size:1.6em;
font-weight:bold;
}
.bottomBlocks .bottomBlock .greyHeader .arrowBigWhite {
float:left;
overflow:hidden;
background:#e5e5e5;
width:1.8em;
height:1.8em;
}
.bottomBlocks .bottomBlock .greyHeader .arrowBigWhite img {
height:1.8em;
width:1.8em;
}
.bottomBlocks .bottomBlock .greyHeader .rotated {
margin-left:0.1em;
}
.bottomBlocks .bottomBlock .greyHeader .rotated img {
/* margin:0.4em 0 0 0.6em; */
}
.bottomBlocks .bottomBlock .greyHeader .redHeader {
margin-left:0.1em;
color:#999;
background:#333;
float:left;
overflow:hidden;
height:1.8em;
padding-left:0.3em;
line-height:1.8em;
width:17.5em;
cursor:pointer;
}
.bottomBlocks .bottomBlock .greyHeader a {
color:#999;
text-decoration:none;
float:left;
cursor:pointer;
}
.bottomBlocks .bottomBlock .greyHeader .rotatedW {
width:12.8em;
padding-left:6.5em;
}
.bottomBlocks .bottomBlock .bottomBox {
float:left;
clear:left;
}
.bottomBlocks .bottomBlock .rightW {
width:33em;
}
.bottomBlocks .bottomBlock .bottomBox .bottImgBox {
float:left;
}
.bottomBlocks .bottomBlock .bottomBox .bottImgBox img.convey {
width:11em;
height:10.5em;
/* margin:1.5em 0 0 0; */
}
.bottomBlocks .bottomBlock .bottomBox .mixerBox {
position:relative;
width:8.6em;
height:10em;
margin-left:2em;
margin-right:1.4em;
}
.bottomBlocks .bottomBlock .bottomBox .mixerBox img.mixer {
position:absolute;
width:8.6em;
height:14.3em;
bottom:0;
left:0;
}
.bottomBlocks .bottomBlock .bottomBox .bottTextBox {
float:left;
width:15.5em;
margin:0.8em 0 0 0.6em;
}
.bottomBlocks .bottomBlock .bottomBox .bottTextBox p {
float:left;
font-size:1.1em;
line-height:1.5em;
color:#333;
}
/*----------------------PRODUCTS---------------------------*/
#page #content .rightContentWidth {
width:67.1em;
}
.bigImageBox {
position:relative;
width:100%;
height:38em;
float:left;
overflow:hidden;
}
.bigImageBox img.conveyor {
position:absolute;
right:0;
bottom:0;
width:47.7em;
height:37.4em;
z-index:0;
}
#page #content .bigImageBox .wideTextWidth {
position:absolute;
z-index:1;
width:27em;
}
#page #content .bigImageBox .wideTextWidth h1 {
text-transform:uppercase;
}
#page #content .bigImageBox .wideTextWidth p {
width:22.5em;
}
.eliminateList {
float:left;
overflow:hidden;
position:absolute;
z-index:1;
width:30em;
top:24em;
left:0.3em;
}
.autotray-top {
top:19em;
left:0;
width:35em;
}
.eliminateList span, .featureList span {
color:#990000;
font-size:1.3em;
font-weight:bold;
}
.eliminateList ul, .featureList ul {
margin:0.5em 0 0 1.5em;
width:30em;
width:100%;
float:left;
clear:left;
}
.autotray-top ul {
margin:0.3em 0 0 0;
width:35em;
}
.featureList ul li , .eliminateList ul li{
margin:0 0 0.7em 0;
width:100%;
float:left;
clear:left;
}
.eliminateList ul li{
margin:0;
padding:0 0 0.3em 0;
}
.eliminateList ul li div, .featureList ul li div{
margin:0.2em 1.4em 0 0;
float:left;
width:0.5em;
}
.eliminateList ul li img,.featureList ul li img{
width:0.5em;
height:0.9em;
}
.eliminateList ul li span, .featureList ul li span {
font-size:1.1em;
line-height:1.1em;
font-weight:normal;
color:#333;
display:block;
width:20em;
float:left;
}
.autotray-top ul li span {
width:27em;
}
.featureList ul li span{
width:23.3em;
}
.featureList {
float:left;
overflow:hidden;
clear:left;
width:32em;
margin-left:0.3em;
}
.featureList a {
color:#333;
}
.featureList a:hover {
color:#4A749C;
}
#featuresAndSpec {
float:left;
clear:left;
width:100%;
overflow:hidden;
margin:1em 0 0 0;
}
#featuresAndSpec .features {
float:left;
overflow:hidden;
display:inline;
}
/* #featuresAndSpec .features-wide {
width:100%;
} */
#featuresAndSpec .features .featuresHeader {
float:left;
overflow:hidden;
font-size:1.2em;
font-weight:bold;
color:#333;
}
*+html #featuresAndSpec .features .featuresHeader {
width:27.6em;
}
*+html #featuresAndSpec .features-wide .featuresHeader {
width:56em;
}
#featuresAndSpec .features .featuresHeader div {
float:left;
overflow:hidden;
width:2.4em;
height:2.4em;
border:0.1em solid #990000;
}
#featuresAndSpec .features .featuresHeader div img {
width:2.4em;
height:2.4em;
overflow:hidden;
}
#featuresAndSpec .features .featuresHeader span {
float:left;
overflow:hidden;
border:0.1em solid #ccc;
margin:0 0 0 0.1em;
height:2.4em;
line-height:2.4em;
width:24em;
text-transform:uppercase;
padding-left:0.5em;
}
#featuresAndSpec .features .featuresHeader span.wide-features {
width:52em;
}
#featuresAndSpec .specifications {
margin-left:0.5em;
display:inline;
}
*+html #featuresAndSpec .specifications {
margin-left:0.1em;
}
div#featuresAndSpec .learnLink {
float:left;
clear:left;
overflow:hidden;
margin:0.8em 0 0 0;
width:14em;
}
div#featuresAndSpec .learnLink a.learnBox {
float:left;
display:block;
text-decoration:none;
overflow:hidden;
cursor:pointer;
white-space:nowrap;
width:14em;
}
div#featuresAndSpec .learnLink a.learnBox:hover span.learnText {
background:#ccc;
border:0.1em solid #ccc;
color:#666;
}
div#featuresAndSpec span.learnText{
background:#333;
border:0.1em solid #333;
color:#ccc;
width:8.5em;
}
div#featuresAndSpec .learnLink a.learnBox span.learnBtn img{
margin-left:1.2em;
/* margin-top:0.4em; */
}
div#featuresAndSpec .learnLink a.learnBox span.learnText{
line-height:1.4em;
}
#page #content .bigImageBox div.standart-products {
position:absolute;
z-index:1;
}
#page #content .bigImageBox div.standart-products h1 {
width:20em;
text-transform:uppercase;
}
#page #content .bigImageBox div.standart-products p {
width:20em;
}
#page #content .bigImageBox div.standart-products p.autotray-p {
width:23em;
margin:0;
}
#page #content .bigImageBox div.dry-mixer {
top:22em;
}
#page #content .bigImageBox div.dry-mixer p {
font-size:1.1em;
line-height:1.5em;
color:#333;
margin:1em 0 0 0;
}
/*-------------------------------------------------*/
.marginClear{
margin:0 !important;
}
.engineering{
}
.engineering p{
margin:0 !important;
width:58em !important;
}
.engineering h2 {
padding: 0 0 0.1em 0;
}
.engineering ul {
margin:0.3em 0 0 3em;
/* list-style-type:disc;
list-style-position: inside; */
width:100%;
float:left;
}
.engineering ul li {
/* list-style-type:disc;
list-style-position: inside; */
width:100%;
float:left;
}
.bullBox{
margin:0 0.3em 0 0;
}
.engineering ul li p {
/* position:relative;
left:-0.3em; */
padding:0 0 0 0.5em;
display:inline;
float:left;
width:55em !important;
}
.engineering ul li span {
font-size:1.5em;
display:block;
float:left;
}
.bullBox img {
width:0.4em;
height:0.3em;
}
/*----------------------SITE MAP---------------------------*/
#sitemap {
margin:0 0 0 1em;
float:left;
/* overflow:hidden; */
}
#sitemap a {
cursor:pointer;
float:left;
clear:left;
}
#sitemap li {
float:left;
clear:left;
}
#sitemap ul.main-map li a {
font-size:1.4em;
line-height:1.8em;
font-weight:bold;
color:#990000;
text-transform:uppercase;
}
#sitemap ul.main-map li a:hover {
color:#666;
}
#sitemap ul.sub-map {
margin:0 0 0 1em;
float:left;
clear:left;
}
#sitemap ul.sub-map li a {
font-size:1.2em;
font-weight:bold;
color:#999;
text-decoration:none;
}
#sitemap ul.sub-map li a:hover {
color:#666;
}
#sitemap ul.sub-sub-map {
margin:0 0 0 1em;
float:left;
clear:left;
}
#sitemap ul.sub-sub-map li span {
font-size:1.1em;
line-height:1.5em;
color:#333;
float:left;
clear:left;
}
/*--------------------SYSTEMS-----------------------------*/
#page #content .bigImageBox div.systems {
position:absolute;
z-index:1;
}
#page #content .bigImageBox div.systems h1 {
width:20em;
text-transform:uppercase;
}
#page #content .bigImageBox div.systems p {
width:23em;
}
#page #content .bigImageBox div.systems p.systems-p {
width:28em;
/* margin:0; */
}
#page #content .bigImageBox div.systems p.systems-nomargin {
margin:0;
}
/*-----------------------REQUEST--------------------------*/
.client-info {
float:left;
clear:left;
margin:1em 0 0 0.3em;
width:100%
}
.client-info ul {
width:100%;
float:left;
}
.client-info ul li {
float:left;
clear:left;
width:100%;
margin:0.3em 0 0 0;
}
.client-info ul li label {
display:block;
width:10em;
float:left;
font-size:1.1em;
line-height:1.9em;
}
.featureList .checkboxes {
float:left;
clear:left;
width:30em;
margin:0;
}
.featureList .checkboxes ul {
float:left;
width:30em;
margin:0.5em 0 0 1.9em;
}
.featureList .checkboxes ul li {
float:left;
clear:left;
width:100%;
}
.featureList .client-info input {
float:left;
width:19em;
border:1px solid #ccc;
padding:0.1em 0.1em 0.1em 0.5em;
margin:0.5em 0 0 1.5em;
}
*+html .featureList .client-info input {
width:19.5em;
}
.featureList .checkboxes ul li input {
float:left;
margin:0;
height:1.2em;
}
.featureList .checkboxes ul li span {
font-size:1.1em;
line-height:1.4em;
float:left;
margin:0 0 0 0.5em;
padding:0 0 0 0.1em;
}
.featureList .checkboxes textarea {
width:20em;
height:7em;
overflow:hidden;
border:1px solid #ccc;
margin:0.5em 0 0 1.5em;
padding:0.1em;
}
#rightContent form{
float:left;
overflow:hidden;
}
.buttons {
float:left;
clear:left;
width:100%;
margin:1em 0 0 0;
}
.buttons .inputs {
margin:0 auto;
width:15em;
}
/*-------------------------------------------------*/
#footer {
float:left;
clear:left;
width:100%;
height:3em;
background:#fff;
}
#footer a {
float:left;
color:#999;
font-size:1em;
font-weight:bold;
margin:1em 0 0 2.7em;
}
#footer a.privacy {
margin-left:0.7em;
border-left:0.1em solid #999;
padding-left:0.7em;
}
#footer a:hover {
color:#666;
}
.no-margin {
margin:0 !important;
}
.width-p-25 {
width:25em !important;
}
.bigImageBoxHeight {
height:41em;
}
.ie6_automation_engineering {
display:none;
}
.ie6_machinebuilders {
display:none;
}
.ie6_welding_cutting {
display:none;
}
.ie6_automatedsystems {
display:none;
}
.ie6_machine_parts {
display:none;
}
.ie6_RoboticTechnology {
display:none;
}
.ie6_requestBtn {
display:none;
}
.ie6_learnBtn {
display:none;
}
.ie6_automotive {
display:none;
}
.ie6_aboutmidway {
display:none;
}
.arrowGrey-span, .arrowBigRed-span {
display:none;
}
.ie6_contactmidway {
display:none;
}
.redImageH {
float:left;
overflow:hidden;
width:2.4em;
height:2.4em;
background:#990000;
margin-top:0.2em;
margin-right:0.5em;
}
.redImageH img.silverware {
width:1.6em;
height:1.8em;
margin:0.3em 0 0 0.5em;
}
.redImageH img.pill {
width:1.6em;
height:1.7em;
margin:0.4em 0 0 0.4em;
}
.redImageH img.car {
width:2.2em;
height:1.3em;
margin:0.5em 0 0 0;
}
.redImageH img.wireless {
width:1.6em;
height:1.8em;
margin:0.3em 0 0 0.4em;
}
.ie6_mixer {
display:none;
}