#quoteformmain
{
	width:97%; 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;
}
#formmainwrapperabc
{
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: 67%;background-color: #FDFDFD;border: 1px solid #C7C7C7; margin-top: 1.3%;
}

#quoteemail
{
	color: #535353; font-weight: bold; float: left; margin-top: 10%; 
}

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


#quotephone
{
   color: #535353; font-weight: bold; float: left; margin-top: 12%; 
}

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

#quotebox
{
	 color: #535353; font-weight: bold; float: left; margin-top: 10%;
}

#quotebox1
{
	margin-top:1%; width:67%;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; margin-top: 22%; 
}

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

#quotecolor
{
	color: #535353; font-weight: bold; float: left; margin-top: 22%;
}

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

#quoteqty
{
	 color: #535353; font-weight: bold; float: left; margin-top: 20%;
}

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

#quotefinish
{
	 color: #535353;  font-weight: bold; float: left; margin-top: 24%;
}

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

#quoteunit
{
	color: #535353; font-weight: bold; float: left; margin-top: 13%; 
}
#quoteunit1
{
	 color: #535353;  font-weight: bold; width:67%;
}

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

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

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

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


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

#errorquote
{
color:#F00; font-size:1.4em;
}


#errorquote2
{
color:#009933; font-size:1.4em;
}

#errorquote3
{
 font-size:1.4em; text-align:justify; padding:5%; width:80%;
}

#errorquote3 p
{
 font-size:1.4em; text-align:justify; padding-left:1%; width:95%;
}

@media screen and (max-width: 375px){
#quoteformmain
{
width:100%;
}
#quotesubmibutton
{
margin:0;
padding:0;
}
#formmainwrapper
{
width:100%;
margin:0;
}
.frmleft
{
    width: 7%;
    float: left;
    margin-top: 1%;
    line-height: 1.8em;
    margin-left: 2%;
}
.frmrightred
{
width:73.5%;
margin-top:2%;
line-height: 1.8em;
}
#quotephone1
{
width: 73%; margin-left:4%;
}
#quoteqty1
{
width:64%;
}
#quoteunit1
{
width: 73%; margin-left:4%;
}
#quotestock1
{
width: 73%; margin-left:4%;
}
#quotecolor1
{
width: 73%; margin-left:4%;
}
#quotefinish1
{
width: 73%; margin-left:4%;
}
#errorquote3
{
 width:100%;
}

#errorquote3 p
{
 font-size:0.8em;  padding-left:1%; width:98%;
}
}

@media screen and (max-width: 636px){
#quoteformmain
{
width:100%;
}
#quotesubmibutton
{
margin:0;
padding:0;
}
#formmainwrapper
{
width:100%;
margin:0;
}
.frmleft
{
width:15%;
}
.frmrightred
{
width:73.5%;
margin-top:2%;
line-height: 1.8em;
}
#quotephone1
{
width: 73%; margin-left:4%;
}
#quoteqty1
{
width:64%;
}
#quoteunit1
{
width: 73%; margin-left:4%;
}

#quotestock1
{
width: 73%; margin-left:4%;
}
#quotecolor1
{
width: 73%; margin-left:4%;
}
#quotefinish1
{
width: 73%; margin-left:4%;
}
#errorquote3
{
 width:100%;
}

#errorquote3 p
{
 font-size:0.8em;  padding-left:1%; width:98%;
}

}

@media screen and (max-width: 900px){
#quoteformmain
{
width:100%;
}
#quotesubmibutton
{
margin:0;
padding:0;
}
#formmainwrapper
{
width:100%;
margin:0;
}
.frmleft
{
width:15%;
}
.frmrightred
{
width:83.5%;
margin-top:2%;
line-height: 1.8em;
}
#quotephone1
{
width: 73%; margin-left:4%;
}
#quoteqty1
{
width:64%;
}
#quoteunit1
{
width: 73%; margin-left:4%;
}
#quotestock1
{
width: 73%; margin-left:4%;
}
#quotecolor1
{
width: 73%; margin-left:4%;
}
#quotefinish1
{
width: 73%; margin-left:4%;
}
#errorquote3
{
 width:100%;
}

#errorquote3 p
{
 font-size:0.8em;  padding-left:1%; width:98%;
}
}