.position-door{
	position:absolute;
	left:100px;
}

.door-hover{
	background-color:black;

}

body, html{
	margin:0;
	padding:0;
}

td{
	padding: 3px;
	margin: 0px;
}

#top{
		background-color:#72abff;
		background-image:url(/img/top-bg.gif);
		background-position:center;
		height:184px;
		text-align:center;
	}
	
	#top img{
		display:block;
	}
	
#top-inner{
	width:879px;
	position:relative;
	margin:auto;
	text-align:left;
}
	
	#top-quote{
		background-color:#c77878;
		background-position:bottom;
		background-repeat:repeat-x;
		position:absolute;
		top:20px;
		right:10px;
		width:243px;
		padding:5px;
	}
	
	#top-quote-inner{
		border:1px solid #d99c9c;
		padding:2px;
	}
	
		#top-quote h2{
			font:1.2em Arial, Helvetica, sans-serif;
			color:#fff;
			text-align:center;			
			border-bottom:1px solid #d99c9c;
			padding:10px 0;
			margin:0 10px;
		}
		
		#top-quote p{
			font:0.8em Arial, Helvetica, sans-serif;
			color:#fff;
			text-align:center;
			margin:10px 0 5px 0;
			font-weight:bold;	
		
		}
		
		#top-quote p b{
			font:1.6em Arial, Helvetica, sans-serif;
			color:#fff;
			text-align:center;
			font-weight:bold;		
		}

#nav{
	height:36px;
	background-image:url(/img/nav-bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	text-align:center;
	width:100%;
	float:left;
}

	#nav-inner{
		position:relative;
		margin:auto;
		text-align:left;
		width:885px;
	}

.navigation{
	float:left;
	margin:0;
	padding:0;
}

#container{
	margin:auto;
	text-align:left;
	width:879px;
}


.company-name {
	font-weight: bold;
	color: #4776B1;
}

	.tagline {
		margin:30px 0 15px 135px;
	}

	#content{
		width:601px;
		float:left;
		margin:0 10px 0 0;
		position:relative;
	}
	
		#home-text{
			width:505px;
			height:365px;
			background-image:url(/img/home.gif);
			background-repeat:repeat;
			margin:0 0 0 40px;
		}
		
		#home-link{
			position:absolute;
			top:120px;
			left:40px;
		}
		
			#home-text p, #home-text h1, #home-text h2{
				display:none;
			}
	
		
		#safety{
			width:260px;
			margin:0 0 0 20px;
			border:3px solid #CC0000;
			padding:10px 10px 0 10px;
			float:right;
		}
		
			#safety h2{
				color:#CC0000;
				text-transform:uppercase;
				text-align:center;
				margin-bottom:15px;
			}
			#safety p{ margin-bottom:15px;}
			
			.red{
				color:#CC0000;
				text-transform:uppercase;
			}
			
			#quote-form{
				float:left; 
			}
			
			.submit{
				margin:0 0 0 95px;
			}
			
				.submit input{
					margin:0 0 20px 0;
				}
		
		.quote-table{
			width:600px;
		}
		
			.quote-table label{
				float:left;
				display:block;
				width:80px;
				text-align:right;
				margin:0 15px 0 0;
			}
			
			.quote-table input{
				text-align:left;
				float:left;
			}

/*-------*/
.franchise-table{
			width:550px;
		}
		
			.franchise-table label{
				float:left;
				display:block;
				width:195px;
				text-align:right;
				margin:0 15px 0 0;
			}
			
			.franchise-table input{
				text-align:left;
				float:left;
			}
.franchise-table .submit{
				margin:0 0 0 210px;
			}
/*-------*/
			
		.contact-table{
			
		}
		
			/*.contact-table .left{
				font:0.8em Arial, Helvetica, sans-serif;
				color:#555;
				align:right;
			}
			
			.contact-table .right{
				font:0.8em Arial, Helvetica, sans-serif;
				color:#555;
				align:left;
			}*/

	#door-panel-hand-made{
		float : left;
	}

	#door-panel-range-intro{
		text-align:center;
	}
	
		
	#door-panels{
		margin:0 0 0 45px;
		clear:left;
	}
	#door-panels-small{
		margin:0 0 0 45px;
		clear:left;
	}
	#door-panels-small .panel{
		margin:0 5px 5px 5px;
		border:0;
		width:129px;
		float:left;
	}

	#door-panels-small .panel-image{
		height:125px;
	}


	#door-panels .panel{
		margin:0 20px 15px 20px;
		border:0;
		width:129px;
		float:left;
	}

	.panel-image{
		height:233px;
	}
		
	#door-panels .left{
		float:left;
		margin:0 0 20px 0px;
	}
		
	#door-panels .right{
		float:right;
		margin:0 0 20px 0px;
	}

	#selected-door-panel-summary{
		text-align:center;
		padding-bottom:1px;
	}

	#selected-door-panel-info{
		width:435;
		margin:auto;
	}

	#selected-door-panel-info img{
		float:left;
		margin-left:110px;
		margin-right:5px;
	}

	#door-panel-quote-instructions{
		clear:left;
		text-align:center;
	}

	#door-panel-options-form{
		float:left;
		margin-top:40px;
	}

	#door-panel-options-form .input label{
		width:120px;
		float:left;
		clear:both;
		font:0.8em Arial, Helvetica, sans-serif;
		margin:0 0 3px 10px;
	}
	
	#door-panel-options-form .input input{
		width:140px;
		float:left;
		margin:0 5px 3px 0;
	}

	#door-panel-options-form .input select{
		width:140px; 
		float:left;
		margin:0 5px 3px 0;
	}

	#door-panel-quote-form{
		width:500px;
		margin:auto;
	}
	
	#door-panel-quote-form .input label{
		width:70px;
		float:left;
		clear:both;
		font:0.8em Arial, Helvetica, sans-serif;
		margin:0 0 3px 10px;
	}
	
	#door-panel-quote-form .input input{
		width:250px;
		float:left;
		margin:0 10px 3px 0;
	}

	#door-panel-quote-form .input select{
		width:250px; 
		float:left;
		margin:0 20px 3px 0;
	}

	
	#door-panel-quote-form .input textarea{
		width:250px;
		height:150px;
		float:left;
		margin:0 20px 3px 0;
	}
	
	#door-panel-quote-form .submit input{
		margin:0 0 0 80px;
		float:left;
		clear:both;
	}

	#door-panel-quote-instructions{
		padding-top:20px;
	}


	.door-panel-nav .door-panel-nav-page-count{
		clear:left;
		float:left;
	}
	.door-panel-nav .door-panel-nav-page-links{
		float:right;
	}



	/* Decorative Design Section */
	#dec-designs-range-intro{
		text-align:center;
	}

	.dec-design-image{
		width:130px;
	}

	#decorative-design-examples{
		margin: 0 0 0 45px;
	}

	#decorative-design-examples img{
		height: 88px;
		width: 150px;
	}

	#dec-categories{
		width: 380px;
		margin: 10px auto;
	}

	.dec-left, .dec-right{
		float: left;
		width: 150px;
		padding: 20px;
	}

	.dec-left .dec-panel{
		height: 147px;
	}

	.dec-panel{
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.dec-panel p{
		text-align: center;
		margin: 0px;
	}

	#selected-dec-design-info{
		margin: auto;
	}

	#selected-dec-design-info img{
		display: block;
		margin: auto;
		width: 150px;
	}

	#dec-quote-instruction{
		margin: 25px 0px 0px 0px;
		font-weight: bold;
	}

	#get-quote{
		width:505px;
		height:365px;
		background-image:url(/img/home.gif);
		background-repeat:repeat;
		margin:0px auto 50px auto;
	}

	/* Contact Page */
	
	#address{
		margin:0 0 30px 0;
	}
	
	#contact-form form{
		width:600px;
	}
	
	#contact-form .input label{
		width:120px;
		float:left;
		clear:both;
		font:0.8em Arial, Helvetica, sans-serif;
		margin:0 0 3px 10px;
	}
	
	#contact-form .input input{
		width:250px;
		float:left;
		margin:0 5px 3px 0;
	}

	#contact-form .input select{
		width:250px; 
		float:left;
		margin:0 20px 3px 0;
	}

	
	#contact-form .input textarea{
		width:250px;
		height:150px;
		float:left;
		margin:0 20px 3px 0;
	}
	
	#contact-form .submit input{
		margin:0 0 0 80px;
		float:left;
		clear:both;
	}
	
	.error-message{
		float:left;
		color:#CC0000;
		font:0.8em Arial, Helvetica, sans-serif;
		padding-left:95px;
	}
	
	#right{
		width:257px;
		float:left;
		padding:0 0 0 10px;
		border-left:1px solid #ccc;
		margin:25px 0 0 0;
	}
	
		.panel {
			border-bottom:1px solid #ccc;
			margin:0 0 15px 0;
		}
		
		#last{
			border:0;
		}
	
	
#base{
	width:879px;
	float:left;
	border-top:3px solid #ccc;
	margin:25px 0 0 0;
}

	#bottom-nav{
		list-style:none;
		padding:0;
		margin:10px 0 0 70px;
	}
	
		#bottom-nav li{
			float:left;
			margin:0 10px 0 0;
			list-style:none;
		}
		
.copyright{
width:199px;
padding-top:5px;
text-align:right;
padding-bottom:10px;
}

.clear{
	clear:both;
}

.logos{
	float:left;
}

.pws{
	float:right;
	
}

	.pws p{
		float:left;
		margin:18px 10px 0px 10px;
	}
	
	
	
	
	
	
	#click-quote, #phone-quote{
		background-color:#c77878;
		width:243px;
		padding:5px;
	}
	
	#phone-quote{
		margin:10px 0 0 0;
	}
	
	#click-quote-inner, #phone-quote-inner{
		border:1px solid #d99c9c;
		padding:2px;
	}
	
		#click-quote h2{
			font:1.2em Arial, Helvetica, sans-serif;
			color:#fff;
			text-align:center;			
			padding:10px 0;
			margin:0 10px;
		}
		
		#click-quote p, #phone-quote p{
			font:0.8em Arial, Helvetica, sans-serif;
			color:#fff;
			text-align:center;
			margin:10px 0 5px 0;
			font-weight:bold;	
		
		}
		
		#click-quote p b{
			font:1.6em Arial, Helvetica, sans-serif;
			color:#fff;
			text-align:center;
			font-weight:bold;		
		}

	#quote-instructions{
		float: left;
		width: 280px;
	}


	#dec-design-cart{
		background-color: gainsboro;
		padding: 10px 10px 0;
		height: 110px;
		width: 275px;
		float: left;
	}

	#dec-design-cart-instructions{
		float: left;
		margin-bottom: 5px;
	}

	#dec-design-cart-img{
		height: 63px;
		display: block;
		clear: left;
		float: left;
	}

	#dec-design-cart-link{
		float: right;
	}

	#quote-safety-glass-cell{
		background-color:#cc0000;
	}

	#quote-safety-glass-cell .error-message{
		color:#FFFFFF;
		text-transform:uppercase;
		width:70px;
		text-align:center;
	}

	#dec-designs-notice{
		font-weight: bold;
	}

/*------*/
#top-franchise{
		background-color:#fff;
		background-position:bottom;
		background-repeat:repeat-x;
		position:absolute;
		top:20px;
		right:270px;
		width:243px;
		padding:5px;
		color:#4776B1;
	}
#top-franchise-inner {
		border:1px solid #c77878;
		padding:2px;
	}
	
		#top-franchise h2{
			font:1.2em Arial, Helvetica, sans-serif;
			text-align:center;			
			border-bottom:1px solid #c77878;
			padding:10px 0;
			margin:0 10px;
			color:#4776B1;
		}
		
		#top-franchise p{
			font:0.8em Arial, Helvetica, sans-serif;
			text-align:center;
			margin:10px 0 5px 0;
			font-weight:bold;	
			color:#4776B1;
		
		}
		
		#top-franchise p b{
			font:1.6em Arial, Helvetica, sans-serif;
			text-align:center;
			font-weight:bold;		
			color:#4776B1;
		}
		
		#top-franchise a{
	text-decoration:none;
	font-weight:normal;
}

/*----------*/
#oppening-window{ background-image:url(../img/new-opwning-window.jpg); background-repeat:no-repeat; padding:14px 7px 0px 10px; height:126px; width:247px; margin-bottom:10px;}
#oppening-window h1{ margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:19px; color:#15aeeb; font-weight:normal; margin-bottom:10px;}
#oppening-window h3{ margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:19px; color:#000; font-weight:normal; margin-bottom:10px;}

#getquote-window{background-image:url(../img/getquote-window.png); background-repeat:no-repeat; padding-top:10px; height:128px; width:258px; text-align:center; position:absolute; top:8px; right:0px;}
#getquote-window h1{ margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#656565; font-weight:normal; margin-bottom:6px; text-transform:capitalize;}
#getquote-window h2{ margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:25px; color:#15aeeb; font-weight:bold; margin-bottom:3px;}
#getquote-window h3{ margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#656565; font-weight:bold; margin-bottom:6px;}
#getquote-window img{ display:inherit}

#top-card{ position:absolute; top:155px; width:258px; height:22px; right:0px;}

.franchises-left-text{ float:left; width:255px;}
/********/
h4{
	font:18px Arial, Helvetica, sans-serif;
	color:#333;
	font-weight:bold;
	margin:0px;
	padding:0px;
}
#new-form{ margin:0px auto; width:450px;  text-align:center; background-image:url(../img/formbg-mid.jpg); background-repeat:repeat-y;}
#new-form-mid{background-image:url(../img/formbg.jpg); background-repeat:no-repeat;}
#new-form-bot{background-image:url(../img/formbg-bot.jpg); background-repeat:no-repeat; height:14px;}
.blueHD{ font-size:25px; color:#15aeeb; font-weight:normal; font-family:Arial, Helvetica, sans-serif; padding-top:12px; padding-bottom:20px;}
.new-form-left{ float:left; width:160px; text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; padding-top:3px;}
.new-form-right{ float:right; width:280px; text-align:left; padding-bottom:15px;}
.new-form-textfield{ width:245px; border:1px solid; border-bottom-color:#e3e9ef; border-left-color:#e3e9ef; border-top-color:#abadb3; border-right-color:#abadb3; height:18px; line-height:18px;}
.new-form-send{ float:right; width:81px; text-align:right; padding-right:33px;}
.btn-send{
		background: transparent url(../img/btn-send.png) 0px 0px no-repeat;
		height:34px;
		width:81px;
		display:block;
		border:none;
		margin:0px;
		padding:0px;
		text-indent:-99999px;
		text-transform: capitalize;/*For IE to Hide Text*/
	}
.new-form-send .submit{text-align:right; margin:0px;}

/**************/
.icon-bg{
			width:286px;
			float:right;
			height:78px;
			margin-bottom:10px;
			margin-top:-13px;
			background: transparent url(../img/icon-bg.jpg) 0px 0px no-repeat;
		}
.icon-left{ float:left; width:80px; text-align:right; padding-top:5px;}
.icon-right{ float:right; text-align:center; width:192px; font-family:Arial, Helvetica, sans-serif; font-size:19px; font-weight:bold; padding-top:15px; padding-right:8px;}
.commonDIV{ width:100%;}
.clr{ clear:both; margin:0px; padding:0px; line-height:0px;}
.btn-send{
		background: transparent url(../img/btn-send.png) 0px 0px no-repeat;
		width:81px;
		height:34px;
		display:block;
		border:none;
		margin:0px;
		padding:0px;
		text-indent:-99999px;
		cursor:pointer;
		text-transform: capitalize;/*For IE to Hide Text*/
	}
.form-right{ widows:270px; color:#000000; text-align:center; font-size:12px;}
.energy{ float:left; border-right:1px solid #ccc; width:132px; padding-bottom:8px;}
.energy-icon{ padding-top:3px; padding-bottom:3px;}
.webeat{ float:right; width:132px;}
.webeat-icon{}
.bottom-webeat{ width:238px; float:left; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; padding-top:18px; padding-left:5px;}
#contact-form .submit{margin-left:50px;}
#contact-form .error-message{margin-left:35px; font-size:11px;}

#new-form .input label{
		width:150px;
		float:left;
		clear:both;
		font:0.8em Arial, Helvetica, sans-serif;
		margin:0 0 3px 10px;
        text-align:right;
        font-size:13px;
		font-weight:bold;
		padding-top:3px;
		padding-right:10px;
	}
	
#new-form .input input{
		width:245px;
		float:left;
		margin:0 5px 15px 0;
	}

	
#new-form .submit input{
		float:right;
		clear:both;
        margin:0 33px 15px 0;}
#new-form .error-message{font-size:11px; margin:-10px 0 5px 76px;}
/*********************/
a:focus {outline:none}
#franchise-window{ width:876px; margin:0px auto; padding-top:0px; font-size:13px; font-family:Arial, Helvetica, sans-serif;}
#franchise-window-left{ float:left; width:485px;}
.franchise-window-left1{ float:left; width:255px;}
.franchise-window-right1{ float:right; width:225px; padding-top:15px;}
#franchise-window-right{ float:right; width:390px; background:url(../img/franchise-formmid.jpg) repeat-y; min-height:305px;}
#franchise-window-rightmid{ width:390px; background:url(../img/franchise-formbg.jpg) no-repeat; min-height:305px;}
#franchise-window-rightbot{ background:url(../img/franchise-formbot.jpg) no-repeat; height:14px; }
.thankyou-message{ padding-left:15px; padding-right:15px; text-align:center; font-size:15px; font-weight:bold;  padding-bottom:15px;}
.blueHD1{ font-size:25px; color:#15aeeb; font-weight:normal; font-family:Arial, Helvetica, sans-serif; padding-top:10px; padding-bottom:15px; text-align:center;}
.clr{ clear:both; margin:0px; padding:0px; line-height:0px;}
.grayHD{ font-size:25px; font-weight:bold; color:#a8a8a8;}
.email-us{ color:#4776b1; font-size:18px; font-weight:bold; padding-bottom:15px; text-decoration:none; background:url(../img/email-icon.png) no-repeat; padding-left:55px; margin-left:20px; padding-top:5px;}
#franchise-area{ padding-top:15px;}
/*------------Content Slider-------------*/
.franchise-area-left{ width:480px; float:left;}
.franchise-area-left ul{ margin:0px; padding:0px; list-style:none;}
.franchise-area-left li{ margin:0px; padding:0px; list-style:none; margin-bottom:15px; position:relative; height:83px;}
.franchise-area-left li:hover{background: url(../img/area-tab.jpg) no-repeat -478px 0px;}
.franchise-area-left a { display: block; cursor:pointer; width:452px; height:73px; background: url(../img/area-tab.jpg) no-repeat; padding-left:25px; text-decoration:none; padding-top:10px;}
.franchise-area-left a:hover{background-position: -478px 0px;}
.area-name{ font-size:36px; color:#4776b1; text-shadow: 1px 1px 0px #000;}
.area-name a:hover{ color:#ff9c00;}
.area-info{ font-size:12px; color:#000; text-shadow: 0px 0px 0px #000;}
.area-name a:hover .area-info{color:#fff;}
.info-flash{ position:absolute; right:7px; width:90px; height:75px; top:4px;}

#franchise-area-right{ width:382px; float:right; background:url(../img/FranchisePage-box1.jpg) no-repeat; padding-top:10px;}
.franchise-area-content{ width:380px; border-left:1px solid #d4d4d4; border-right:1px solid #d4d4d4; min-height:535px;}
#franchise-area-content-bot{background:url(../img/FranchisePage-box2.jpg) no-repeat; height:8px;}

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 380px;
min-height:550px;
}
.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
background: white;
width: 380px;
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
/*------------Content Slider END-------------*/
.franchise-window-left2{ float:left; width:438px;}
.franchise-window-left2 ul{ margin:0px; padding:0px; margin-left:20px; line-height:25px;}
.franchise-window-right2{float:right; width:438px; background:url(../img/van2.jpg) right top no-repeat;}
.franchise-window-right2 ul{ margin:0px; padding:0px; margin-left:20px; line-height:25px;}

.area-content{ width:350px; padding-left:15px; padding-right:15px; color:#000; min-height:550px; font-size:12px;}
.area-content-top{}
.SatisfiedCustomers{ float:left; width:220px; font-size:45px; color:#4776b1; text-align:center; font-weight:bold; line-height:36px; padding-top:30px;}
.SatisfiedCustomers span{ font-size:22px; }
.est-flash{ float:right; width:127px;}
.area-contentHD{ font-weight:bold; font-size:18px; color:#000;}
.area-contentHD2{ font-weight:bold; font-size:15px; color:#000;}
.area-contentHDblue{ font-weight:bold; font-size:26px; color:#4776b1;}
.area-contentHD3{ font-weight:bold; font-size:26px; color:#000;}
.area-contentyellowpage{ font-weight:bold; font-size:26px; color:#000; background:url(../img/yellowpage.jpg) no-repeat; padding-left:60px; padding-top:10px; margin-top:15px; margin-bottom:15px; height:39px;}

#franchise-window-right .input label{
		width:140px;
		float:left;
		clear:both;
		font:0.8em Arial, Helvetica, sans-serif;
		margin:0 0 3px 10px;
        text-align:right;
        font-size:13px;
		font-weight:bold;
		padding-top:3px;
		padding-right:10px;
	}
	
#franchise-window-right .input input{
		width:200px;
		float:left;
		margin:0 5px 15px 0;
	}

	
#franchise-window-right .submit input{
		float:right;
		clear:both;
        margin:0 33px 15px 0;}
#franchise-window-right .error-message{font-size:11px; margin:-10px 0 5px 66px; height:15px;}
#franchise-window-right .input{ height:38px;}

.franchiseHD{
	font:Arial, Helvetica, sans-serif;
	font-size:23px;
	color:#4776b1;
	margin:15px 0 15px 0;
	padding:0;
	text-align:center;
}

