html {
	font-size: 20px;
}

h1 {font-size: 4 rem;
}



body {
		display: flex;
		flex-flow: column;

		width: 98vw;
		height: 98vh;	

		flex: 1 1 auto;

        background: #ffffff;
    }


 
#pageTitle{
		display: block;
		
        margin: 4px;
        padding: 5px;
		max-height: 35px;
        min-height: 33px;
		min-width: 640px;
        border: 1px solid #eebb55;
        border-radius: 2px;
        background: #ffffff;
 }
 
#product {
		display: flex;
		flex-flow: row wrap;

        margin: 0px;
        padding: 0px;
    }

#contact {
		display: flex;
		flex-flow: row wrap;

		justify-content: space-around;
    }

#productAlt {
		display: flex;
		flex-flow: column;

        margin: 0px;
        padding: 0px;
    }
	
#certLogos {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-around;
        margin: 0px;
        padding: 0px;
    }
 
#description {
        display: block;
        flex: 1 1 37%;
		order: 1;

        
        margin: 4px;
        padding: 5px;
        border: 1px solid #ffffff;
        border-radius: 2px;
        background: #ffffff;

		min-width: 235px;
    }
.support {
        display: block;
        flex: 1 1 19%;
        
        margin: 4px 5px 4px 5px;
        padding: 5px;
        border: 0px solid #f0f0f0;
        border-radius: 2px;
        background: #ffffff;

		min-width: 280px;
		max-width: 376px
    }	
	
.prodSelect	{
	
	display: block;
        flex: 1 1 32%;
		order: 1;

        
        margin: 4px;
        padding: 5px;
        border: 1px solid #f0f0f0;
        border-radius: 2px;
        background: #ffffff;

		min-width: 235px;
	
}
.formSpace	{
	
		display: block;

        flex: 1 1 40%;
		order: 1;

        margin: 4px;
        padding: 5px;
        border: 0px solid #f0f0f0;
        border-radius: 2px;
        background: #ffffff;
		max-width: 650px;

}
.singleSpace	{
	
	display: block;
        flex: 1 1 60%;
		order: 3;

        margin-left: 100px ;
        padding: 5px;
        border: 0px solid #f0f0f0;
        border-radius: 2px;
        background: #ffffff;

}
 
#technical {
        display: block;
        flex: 1 1 55%;
        order: 2;

		
        margin: 4px;
        padding: 5px;
        border: 1px solid #ffffff;
        border-radius: 2px;
        background: #ffffff;

		min-width: 395px;
    }
	
#plain {
        display: block;
        flex: 1 1 37%;
		order: 1;
        
        margin: 4px;
        padding: 5px;
        border: 0px solid #ffffff;
        border-radius: 2px;
        background: rgb(238,238,238);

		min-width: 235px;
    }
	
#specs {
       display: block;
        flex: 1 1 55%;
        order: 2;

		
        margin: 4px;
        padding: 5px;
        border: 0px solid #ffffff;
        border-radius: 2px;
        background: rgb(238,238,238);

		min-width: 395px;
}
 	
body>footer {
        display: block;
        margin: auto 4px 0px 4px;

        padding: 5px;
        height: 33px;
		width: 100%;
		min-width: 550px;
        border: 1px solid #eebb55;
        border-radius: 2px;
		
		text-align: center;
		font-family: Arial;
		font-size:small;	

	background-position: 100% 100%;
	background-size: 100% 100%;
	background-color: #8CAF8C;
	background-image: -webkit-linear-gradient(140deg,rgba(166,187,166,1.00) 0%,rgba(175,188,175,1.00) 46.63%,rgba(224,221,221,1.00) 100%);
	background-image: -moz-linear-gradient(140deg,rgba(166,187,166,1.00) 0%,rgba(175,188,175,1.00) 46.63%,rgba(224,221,221,1.00) 100%);
	background-image: -o-linear-gradient(140deg,rgba(166,187,166,1.00) 0%,rgba(175,188,175,1.00) 46.63%,rgba(224,221,221,1.00) 100%);
	background-image: linear-gradient(310deg,rgba(166,187,166,1.00) 0%,rgba(175,188,175,1.00) 46.63%,rgba(224,221,221,1.00) 100%);
	border-style: solid;
	border-width: 1px;
	border-color: #FFFFFF;
	border-top-width: 0px;
    }
	
#nav1 {
		display: block;
		align-self: top-right;
        margin: 2px 2px 0px auto;
		width: 400px;

        padding: 5px;
        border: 1px solid #8888bb;
        border-radius: 2px;
        background: #f0f0f0;
        
	}
	
    /* Too narrow to support two columns */
    media all and (max-width: 640px) {
        #product {
            flex-direction: column;
        }

        #product, #technical {
        /* Return them to document order */
            order: 0;
        }
  
    }
#corpID {
        display: block;

        margin: 0px 4px 4px 4px;
        padding: 5px;
		max-height: 110px;		
        min-height: 100px;
		min-width: 640px;		
        border: 1px solid #eebb55;
        border-radius: 2px;
        background: #fffff7;

 }
.banner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
    min-width: 450px;
	top: 0px;
	padding: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	height: 114px;

	background-image: -webkit-linear-gradient(140deg,rgba(166,187,166,1.00) 0%,rgba(175,188,175,1.00) 46.63%,rgba(224,221,221,1.00) 100%);
	background-image: -moz-linear-gradient(140deg,rgba(166,187,166,1.00) 0%,rgba(175,188,175,1.00) 46.63%,rgba(224,221,221,1.00) 100%);
	background-image: -o-linear-gradient(140deg,rgba(166,187,166,1.00) 0%,rgba(175,188,175,1.00) 46.63%,rgba(224,221,221,1.00) 100%);
	background-image: linear-gradient(310deg,rgba(166,187,166,1.00) 0%,rgba(175,188,175,1.00) 46.63%,rgba(224,221,221,1.00) 100%);

	border-style: solid;
	border-width: 1px;
	border-bottom-width: 0px;
	border-color: #FFFFFF;
}

.disabled{
 opacity: 0.6;
 cursor: not-allowed;   
}

a:hoover {
 text-decoration: none;
 background-color:#8AAB90;     
}

fieldset legend{
	text-align: center;
}