@font-face{font-family:'Lora';font-style:normal;font-weight:400;src:local('Lora'), url(http://themes.googleusercontent.com/static/fonts/lora/v5/5-AYViExptypIdFoLKAxTA.woff) format('woff');}
@font-face{font-family:'Merriweather';font-style:normal;font-weight:400;src:local('Merriweather'), url(http://themes.googleusercontent.com/static/fonts/merriweather/v4/RFda8w1V0eDZheqfcyQ4EHhCUOGz7vYGh680lGh-uXM.woff) format('woff');}
h1{font-family:'Merriweather', serif;font-size:24px;text-align:center;color:#203050;}
h2{font-family:'Merriweather', serif;font-size:24px;color:#4474A5;font-weight:bold;text-align:left;margin:30px 0px 40px 20px;}
h3{font-family:'Merriweather', serif;font-size:24px;color:#4474A5;font-weight:bold;text-align:left;margin:20px 10px 40px 20px;}
h4{font-family:'Merriweather', serif;font-size:20px;color:#4474A5;font-weight:bold;text-align:left;margin:30px 10px 20px 20px;}
h5{font-family:'Merriweather', serif;font-size:16px;color:#4474A5;font-weight:bold;text-align:left;margin:30px 10px 10px 20px;}

/* Text And Fonts */

.m{font-family:'Lora', serif;font-size:18px;color:#333333;line-height:24px;margin:5px 10px 0px 20px;text-align:justify;}
.side{font-family:'Lora', serif;font-size:15px;color:#333333;line-height:28px;margin:10px 0px 10px 20px;text-align:left;}
.crumbs{margin:10px 0px 10px 20px;font-family:'Lora', serif;font-size:14px;}
a.cr{font-family:'Lora', serif;font-size:15px;line-height:20px;color:#6A8FB5;text-align:center;}
a{font-family:'Lora', serif;font-size:15px;line-height:20px;color:#993300;}
p{margin:10px 10px 10px 10px;font-family:'Lora', serif;font-size:14px;line-height:20px;}
p.partners{margin:0px 0px 0px 40px;font-family:'Lora', serif;font-size:12px;}
.indented {font-family:'Merriweather', serif;font-size:16px;color:#336699; text-align:center;margin:30px 0px 30px 0px;}

hr.dashed-gold{border-color:orange;border-style:dashed;border-width:1px 0 0 0;margin-top:28px;}
.small{font-family:'Lora', serif;font-size:10px;}
.style1{font-family:'Lora', serif;font-size:13px;color:#333333;}
.style2{font-family:'Lora', serif;font-size:15px;color:#FFFFFF;text-decoration:none;}
.style3{font-family:'Lora', serif;font-size:10px;color:#333333;text-decoration:none;}
.style4{font-family:'Lora', serif;font-size:24px;color:#000066;font-weight:bold;}
.style5{font-family:'Lora', serif;font-size:16px;color:#990000;font-weight:bold;}
.style6{font-family:'Lora', serif;font-size:11px;color:#000000;margin:5px;}
.style7{font-family:tahoma;font-size:12px;color:#333333;}
.style8{color:#333333}
.style9{color:#990000;font-weight:bold;font-family:tahoma;font-size:12px;}
.style10{font-family:'Lora', serif;font-size:11px;color:#333333;margin:5px;font-weight:bold;}
.caption{font-family:'Lora', serif;font-size:12px;color:#333333;font-weight:bold;line-height:16px;}
.errorSpan{color:red;font-weight:bold;display:none;}
TABLE.sr{border-top:solid 1px #808080;border-right:solid 1px #808080;border-left:solid 1px #808080;border-bottom:solid 1px #808080;font-family:'Lora', serif;font-size:11px;}
TABLE.form{font-family:'Lora', serif;color:#333333;font-size:12px;background-image:url(http://homewindowreplacementcost.com/images/form-bg4.jpg);background-repeat:no-repeat;}
TD.sr{}
FORM.sc{background-color:#FFFFFF;border-left:solid 1px #808080;border-bottom:solid 1px #808080;border-top:solid 1px #808080;border-right:solid 1px #808080;}
.form{font-family:tahoma;font-size:12px;color:#5A5F65;margin-left:0px;margin-right:0px}
.textarea{width:200px;height:22px;font-family:tahoma;font-size:12px;color:#333333;background-color:#f3f3f3;overflow:auto;margin-left:10px;margin-right:0px}
.textareaphone{width:30px;height:20px;font-family:tahoma;font-size:12px;border-left:solid 1px #333333;border-bottom:solid 1px #333333;border-top:solid 1px #333333;border-right:solid 1px #333333;background-color:#ffffff;color:#333333;overflow:auto;margin-left:10px;margin-right:0px}

/* cost calculator in body of pages */
#window_calc_body{display:inline-block;background-image:url('/images/form_bg_sprite.png');background-repeat:no-repeat;background-position:0 -332px;width:257px;height:400px;margin:40px 0px 0px 200px;border:0pt none;font-family:'Lora', serif;font-size:13px;color:#333333;}

#zip_form{float:right;display:inline-block;padding:10px;background-image:url('/images/form_bg_sprite.png');background-repeat:no-repeat;width:237px;height:230px;margin:100px 0px 0px 0px;}
#window_calc{float:right;display:inline-block;background-image:url('/images/form_bg_sprite.png');background-repeat:no-repeat;background-position:0 -332px;width:257px;height:400px;margin:40px 0px 0px 0px;border:0pt none;}
#email_us{float:right;display:inline-block;background-image:url('/images/form_bg_sprite.png');background-repeat:no-repeat;background-position:0 -252px;width:257px;height:78px;margin:40px 0px 0px 0px;border:0pt none;}
#email_us a{float:right;display:block;background-image:url('/images/form_bg_sprite.png');background-repeat:no-repeat;background-position:0 -252px;width:257px;height:78px;border:0pt none;}

.button1, .button2, .button3, .button4{display:inline-block;width:178px;height:35px;background-image:url('/images/buttons_sprite.png');padding:0;text-indent:-99999em;}
.button1{}
.button2{background-position:0 35px;}
.button3{background-position:0 70px;}
.button4{background-position:0 105px;}


#page-mini-form
 {
    width: 320px;
    height: 170px;
	margin:30px 0px 0px 20px ;
    padding: 70px 20px 70px 310px;
    margin-bottom: 20px;
    color: #CCCCCC !important;
    font-family: 'Lora', serif !important;
 	background: url("http://www.homewindowreplacementcost.com/images/page-windows.jpg") top left no-repeat;
}

#page-mini-form p,

 {
    color: #CCCCCC !important;
    font-family: 'Lora', serif !important;
}
#page-mini-form #submit {

	margin-top: 25px;
}



/* Responsive Design */
@media only screen and (max-width: 959px) {
	h1 { font-size: 20px; }
	.m { margin-right: 20px; }

	table, tbody, tr, td.sr { display: block; width: 100%; overflow: hidden; }
	td.sr.sidebar { display: none !important; }

	body .sr a img { max-width: 100%; height: auto; }
	body .sr p img { max-width: 90%; height: auto; padding: 20px 0; margin-right: 0 !important; }
	.contenders { display: inline-block !important; padding: 16px 0; }

	#page-mini-form { /*width: 390px; height: 220px; background-size: 100%;*/ margin: 20px auto; }
	#page-mini-form label { font-size: 22px !important; }
	#page-mini-form input.text { width: 125px; text-align: center; }

	#zip_form    { display: block; float: right; margin: 0px 10% 0px 0px; }
	#email_us    { display: block; float: right; margin: 40px 10% 5px 0 !important; clear: right; }
	#window_calc { display: block; float: none;  margin: 0 0 0 10%; }
}
@media only screen and (max-width: 799px) {
	.content { text-align: center; }
	#window_calc .content { text-align: left; }
	iframe { float: none; max-width: 100%; overflow: scroll; }
}
@media only screen and (max-width: 767px) {
	#page-mini-form { width: 265px; height: 220px; background-size: 100%; }
	#page-mini-form label { font-size: 20px !important; }
	#page-mini-form input.text { width: 75px; text-align: center; }

	#zip_form    { margin: 0px 5% 0px 0px; }
	#email_us    { margin: 40px 5% 5px 0 !important; }
	#window_calc { margin: 0 0 0 5%; }
}
@media only screen and (max-width: 639px) {
	body .sr a img { max-width: 123%; }
	
	#page-mini-form { width: 170px; height: 110px; padding: 10px 20px 70px 170px; text-align: center; }
	#page-mini-form label { font-size: 16px !important; }
	#page-mini-form input.text { width: 75px; text-align: center; }

	#zip_form    { float: none; margin: 0px auto; }
	#email_us    { float: none; margin: 40px auto 0 !important; overflow: hidden; }
	#window_calc { float: none; margin: 40px auto; }

	.button1, .button2, .button3, .button4 { width: 150px !important; height: 28px; 
		margin-top: 10px !important; background-size: 100%; }
	.button2 { background-position: 0px 29px; }
	.button3 { background-position: 0px 59px; }
}
@media only screen and (max-width: 479px) {
	/*body .sr a img { max-width: 130%; }*/

	td.sr > div { margin: 0 auto 0 auto !important; }
	#email_us    { margin: 40px auto 0 auto !important; }
	#window_calc { margin: 40px auto 40px auto !important; }
}
@media only screen and (max-width: 400px) {
	.sr table td { display: block;  width: 100%; }
	.sr table tr td:nth-child(even) { display: none; }
	.sr table tr td.sr { display: block !important; }
	.sr table td a { display: inline-block; padding: 20px 0; width: 100%; }
	.sr table td p.m a { display: inline; }
	.sr table tr td.sr.sidebar { display: none !important; }

    /* Added 07-14-2020 */
	.sr table td #zip_form p { margin-left: 32px; }
	.sr table td #zip_form a { padding: 2px 0; }
    TABLE.sr { font-size: 15px; }
	.sr table td a.style2 { padding: 20px 0; }
	/* END NEW STYLES */

	#page-mini-form { width: 150px; height: 110px; padding: 1px 20px 70px 150px; text-align: center; }
	#page-mini-form label { font-size: 16px !important; }
	#page-mini-form input.text { width: 75px; text-align: center; }
}