#quoteformmain
{
	width:30%; float:left; margin-left:0.5%; border: 1px solid rgb(231, 224, 224);border-radius: 5px 5px 0px 0px; margin-top: 1%; font-size: 1.2em; height:750px;
}
#formmainwrapper
{
margin-left:3%;
}
#quoteheadtop
{
	height:29px; background-color:#E2E2E2; color:#09F; font-family: Segoe UI; text-transform: uppercase; font-size:14px; line-height:29px; padding-left:10px;
}

#namequote
{
	color: #535353; font-weight: bold; float: left; 
}
#quotenameinp
{
	width: 90%;background-color: #FDFDFD;border: 1px solid #C7C7C7;
}

#quoteemail
{
	color: #535353; font-weight: bold; float: left; 
}

#quoteemail1
{
	margin-top:1%; width: 90%;background-color: #FDFDFD;border: 1px solid #C7C7C7;
}
.alert
{
	color: #FF0000;
margin-left: 0.5em;
}


#quotephone
{
   color: #535353; font-weight: bold; float: left; 
}

#quotephone1
{
	margin-top:1%; width:90%; background-color: #FDFDFD;border: 1px solid #C7C7C7; 
}

#quotebox
{
	 color: #535353; font-weight: bold; float: left; 
}

#quotebox1
{
	margin-top:1%; width:90%;background-color: #FDFDFD;border: 1px solid #C7C7C7;
}

#quoteboxsize
{
	 color: #535353; font-weight: bold; float: left; margin-left:2%; 
}

#quotewidth
{
	color: #535353; font-weight: bold; margin-left: 3%;
}

#quotewidth1
{
	width:13%; margin-top:1%;background-color: #FDFDFD;border: 1px solid #C7C7C7; margin-left: 1%;
}

#quoteheight
{
	color: #535353; font-weight: bold; margin-left: 1%;
}

#quoteheight1
{
	width:13%; margin-top:1%;background-color: #FDFDFD;border: 1px solid #C7C7C7; margin-left: 1%;
}


#quotelength
{
	color: #535353; font-weight: bold; margin-left: 1%;
}

#quotelength1
{
	width:13%; margin-top:1%; background-color: #FDFDFD;border: 1px solid #C7C7C7; margin-left: 1%;
}

#quotestock
{
	color: #535353; font-weight: bold; float: left;  
}

#quotestock1
{
	margin-top:1%; width: 90%;background-color: #FDFDFD;border: 1px solid #C7C7C7;
}

#quotecolor
{
	color: #535353; font-weight: bold; float: left; 
}

#quotecolor1
{
	margin-top:1%; width: 90%; background-color: #FDFDFD; border: 1px solid #C7C7C7;
}

#quoteqty
{
	 color: #535353; font-weight: bold; float: left; 
}

#quoteqty1
{
	margin-top:1%; width: 90%;background-color: #FDFDFD;border: 1px solid #C7C7C7;
}

#quotefinish
{
	 color: #535353;  font-weight: bold; float: left;
}

#quotefinish1
{
	margin-top:1%; width: 90%;background-color: #FDFDFD;border: 1px solid #C7C7C7;
}

#quoteunit
{
	color: #535353; font-weight: bold; float: left; 
}
#quoteunit1
{
	 color: #535353;  font-weight: bold; width:90%;
}

#extradetails
{
	 color: #535353; font-weight: bold; float: left;  margin-left:2%;
}

#extradetails1
{
	margin-top:1%; background-color: #FDFDFD;border: 1px solid #C7C7C7; height: 70px; width: 90%; margin-left: 3%;
}

#quotesubmibutton
{
	width:100px; height:31px; margin-left:35%; border:0; background-image:url(../images/send-quote.jpg) ; margin-top: 8px;
}
.frmleft
{
width:20%;
float:left;
margin-top:2%;
line-height: 1.8em;
margin-left:2%;
}

.frmright
{
width:76%;
float:right;
margin-top:2%;
line-height: 1.8em;
}


.frmrightred
{
width:76%;
float:right;
margin-top:2%;
line-height: 1.8em;
}







@media screen and (max-width: 375px){
#quoteformmain
{
width:100%;
}
#quotesubmibutton
{
margin:0;
padding:0;
}
#formmainwrapper
{
width:100%;
margin:0;
}
.frmleft
{
width:20%;
}
.frmrightred
{
width:73.5%;
float:right;
margin-top:2%;
line-height: 1.8em;
}
#quotephone1
{
width: 88%;
}
#quoteqty1
{
width:92%;
}

}

@media screen and (max-width: 636px){
#quoteformmain
{
width:100%;
}
#quotesubmibutton
{
margin:0;
padding:0;
}
#formmainwrapper
{
width:100%;
margin:0;
}
.frmleft
{
width:20%;
}
.frmrightred
{
width:73.5%;
float:right;
margin-top:2%;
line-height: 1.8em;
}
#quotephone1
{
width: 88%;
}
#quoteqty1
{
width:92%;
}

}

@media screen and (max-width: 900px){
#quoteformmain
{
width:100%;
}
#quotesubmibutton
{
margin:0;
padding:0;
}
#formmainwrapper
{
width:100%;
margin:0;
}
.frmleft
{
width:20%;
}
.frmrightred
{
width:73.5%;
float:right;
margin-top:2%;
line-height: 1.8em;
}
#quotephone1
{
width: 88%;
}
#quoteqty1
{
width:92%;
}
}