/* ***************************************************************** */
/* BASE */
/* ----------------------------------------------------------------- */
body{
	border:red 0px solid;
	clear:both;
	float:left;
	margin:0;
	padding:0px 0 0 0;
	width:100%;
	background:#eeeeed;
	font-size:62.5%;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	color:#000000;
	-webkit-text-size-adjust:none;
}

a{
	text-decoration:none;
	color:#000000;
}
	a:hover{
		text-decoration:underline;
		color:#666666;
	}
	
/* overall site wrapper */
#site-wrapper{
	border:green 0px solid;
	clear:both;
	float:left;
	margin:0em 0 0 0;
	padding:3px 0.5% 0 0.5%;
	font-size:1em;	
	width:99%;
	overflow:visible;
}
/* BASE */
/* ----------------------------------------------------------------- */



/* ***************************************************************** */
/* SITE VERSION */
/* ----------------------------------------------------------------- */
/*#header .version{
	border:orange 0px solid;
	margin:0;
	padding:1.2em 0 0em 0;
	position:absolute;
	left:2%;
	top:0px;
	font-size:1em;
	width:auto;
	z-index:2000;
}*/
#header .version{
	border:orange 0px solid;
	clear:left;
	float:left;
	list-style:none;
	margin:0;
	padding:1px 0 3px 0;
	position:relative;
	left:50%;
	text-align:center;
}
	#header .version .wrapper-version{
		border:green 0px solid;
		display:block;
		float:left;
		list-style:none;
		margin:0;
		padding:0;
		position:relative;
		right:50%;
	}
	#header .version span{
		border:blue 0px solid;
		display:block;
		float:left;
		margin:0;
		padding:0px 0px 0px 0px;
		font-size:1.1em;
		color:#000000;
		text-align:left;
		position:relative;
	}		
	#header .version ul{
		border:red 0px solid;
		margin:0;
		padding:0em 0px 0 0px;		
		font-size:1.1em;
		display:block;
		position:relative;
		float:left;
		text-align:left;
	}
		#header .version ul li{
			border:orange 0px solid;
			margin:0;
			padding:0em 0px 0 10px;		
			font-size:1em;
			color:#000000;
			font-weight:bold;
			display:block;
			position:relative;
			float:left;
			text-align:left;
		}
			#header .version ul li a{
				border:green 0px solid;
				margin:0;
				padding:0px 0px 0 0px;
				text-transform:capitalize;
				font-size:1em;
				color:#000000;
				font-weight:bold;
			}	
				#header .version ul li a:hover{
					margin:0;			
					color:#666666;
					text-decoration:underline;
				}		
/* SITE VERSION */
/* ----------------------------------------------------------------- */



/* ***************************************************************** */
/* HEADER */
/* ----------------------------------------------------------------- */
#header{
	border:yellow 0px solid;
	border-bottom:#000000 1px solid;
	clear:both;
	float:left;
	margin:0em 0 0 0;
	padding:0;
	width:100%;
	text-align:left;
	font-size:1em;
}
	/*** LOGO ***/
	#header #logo{
		border:red 0px solid;
		clear:both;
		float:left;
		margin:0em 0 0 0;
		padding:0.3em 0 0.3em 0;	
		width:100%;
		font-size:1em;
		background-color:#dc5a50;
		min-height:30px;
	}
		#header #logo .image{
			border:blue 0px solid;
			clear:both;
			float:left;
			margin:0em 0 0 0;
			padding:0px 0em 0px 0px; 
			font-size:1em;
			width:100%;
			text-align:center;
		}	
			#header #logo .image img{
				border:green 0px solid;
				clear:both;
				float:none;											
				margin:0em auto 0 auto;
				padding:0px;
				width:auto;
				height:auto;
				display:block; /* remove space below inline image element */
			}
	/*** LOGO ***/
	
	/*** PHONE ***/
	#header #phone{
		border:red 0px solid;
		clear:both;
		float:left;
		margin:0em 0 0px 0;
		padding:0.5em 0% 0.5em 0%;
		font-size:1em;
		width:100%;
		background:none;
		text-align:center;
		overflow:hidden;
	}
		#header #phone ul{
			border:green 0px solid;
			clear:both;
			float:left;
			margin:0em auto 0 auto;
			padding:0em 0% 0em 0%;
			font-size:1em;
			text-align:left;
			width:100%;
			background:none;
		}
			#header #phone ul li{
				border:red 0px solid;
				clear:both;
				float:none;
				margin:0em auto 0 auto;
				padding:0.3em 0em 0em 0%;
				color:#000000;
				font-size:1.6em;
				font-weight:normal;
				list-style-type:none;
				text-align:center;
				width:100%;
				background:none;
			}
				#header #phone ul li.first{
					padding-top:0;
				}
				#header #phone ul li.last{
					padding-bottom:0em;
				}
				#header #phone ul li em{
					border:red 0px solid;
					clear:both;
					float:none;							
					margin:0;
					padding:0em 0.5em 0em 0%;
					font-size:1em;
					line-height:1em;
					color:#FF0000;
					font-style:normal;
					font-weight:bold;
				}
				#header #phone ul li.email{
				}
				#header #phone ul li a{
					border:green 0px solid;
					border-bottom:#ffd221 1px solid;
					clear:both;
					float:none;
					margin:0;
					padding:0em 0 0em 0%;							
					color:#000000;
					font-size:1em;
					font-weight:bold;
					text-decoration:none;
					width:auto;						
				}			
					#header #phone ul li a:hover{
						margin:0;			
						color:#666666;
						text-decoration:underline;
					}
	/*** PHONE ***/	
	
	/* ----------------------------------------------------- */		
	/* CSS HEADER MENU */
	#header #menu-links{
		border:red 0px solid;
		border-top:#000000 1px solid;
		clear:both;
		float:left;
		margin:0;
		padding:0em 0 0em 0%;
		width:100%;
		background:#eeeeed;
		overflow:hidden;
		position:relative;
		font-size:1.1em;
	}
		#header #menu-links ul{
			border:blue 0px solid;
			clear:left;
			float:left;
			margin:0;
			padding:0;
			list-style:none;
			position:relative;
			left:50%;
			text-align:center;
		}
		#header #menu-links ul li{
			display:block;
			float:left;
			margin:0;
			padding:0;
			list-style:none;
			position:relative;
			right:50%;
		}
			#header #menu-links ul li a{
				display:block;
				margin:0 0 0 0px;
				padding:2px 10px 3px 10px;
				background:#eeeeed;
				color:#000000;
				text-decoration:none;
				line-height:1.3em;
				font-weight:bold;
			}
				#header #menu-links ul li a:hover{
				   	background:#eeeeed;
				   	color:#666666;
					text-decoration:underline;
				}
				#header #menu-links ul li a.active,
				#header #menu-links ul li a.active:hover{
				   	color:#666666;
				   	background:#eeeeed;
				   	font-weight:bold;
				}
			#header #menu-links ul li a.selected{
				color:#666666;
			}					
	/* CSS HEADER MENU */
	/* ----------------------------------------------------- */
			
/* HEADER */
/* ----------------------------------------------------------------- */



/* ***************************************************************** */
/* MAIN AREA */
/* ----------------------------------------------------------------- */
#main{
	border:orange 0px solid;
	clear:both;
	float:left;
	margin:1.2em 0 0.5em 0;
	padding:0;
	font-size:1em;
	width:100%;
}
	#main h2{
		border:green 0px solid;
		clear:both;
		float:left;
		margin:0em 0 0 0;
		padding:0em 0em 0em 0px; 
		font-size:1.5em;
		line-height:1.1em;
		color:#000000;		
		font-weight:bold;			
		text-align:center;		
		width:100%;
	}
	#main .bars{
		border:orange 0px solid;
		clear:both;
		float:left;
		margin:0em 0 0em 0;
		padding:0;
		font-size:1em;
		width:100%;
	}
		#main .bars.top{
			padding-bottom:1.0em;
		}
		#main .bars.bottom{
			padding-top:1.0em;
		}
		#main .bars .bar-1{
			border:green 0px solid;
			clear:both;
			float:left;
			margin:0em 0 0 0;
			padding:0em 0em 0em 0px; 
			color:#000000;
			font-size:1em;
			line-height:1em;
			width:100%;
			background-color:#ff6633;
			height:15px;
		}
		#main .bars .bar-2{
			border:green 0px solid;
			clear:both;
			float:left;
			margin:0em 0 0 0;
			padding:0em 0em 0em 0px; 
			color:#000000;
			font-size:1em;
			line-height:1em;
			width:100%;
			background-color:#f9b98c;
			height:10px;
		}
	#main p{
		border:blue 0px solid;
		clear:both;
		margin:0em auto 0 auto;
		padding:1em 0 0em 0;
		font-size:1.1em;
		color:#000000;
		text-align:center;
		width:100%;
	}			
		#main p.first{
			margin:0em auto 0 auto;		
		}
		#main p.high,
		#main p span.high{
			font-weight:bold;
		}
	#main .image{
		border:blue 0px solid;
		clear:both;
		float:left;
		margin:0em 0 0 0;
		padding:0px 0em 5px 0px; 
		font-size:1em;
		width:100%;
		text-align:center;
	}
		#main .image img{
			border:green 0px solid;
			clear:both;
			float:none;											
			margin:0em auto 0 auto;
			padding:0px;
			width:auto;
			height:auto;
			display:block; /* remove space below inline image element */
		}
		
	/* ----------------------------------------------------- */
	/* SPECIFIC AREAS */
	/* coronavirus message area */
	#main .special{
		border:red 1px dashed; 
		clear:both;
		float:left;
		padding:1.3em 0rem;
		margin:1em 5%;
		width:90%;
	}
		#main .special p{
			padding:1.3em 1.5em 0 1.5em;
			margin:0;
			font-family:Arial, Helvetica, sans-serif;
			font-size:1.3em;
			font-style:normal;
			line-height:normal;
			font-weight:bold;
			font-variant:normal;
			text-align:center;
			color:#db0000;
			text-decoration:yes;
		}
			#main .special p:first-of-type{
				margin:0;
				padding:0;
			}
	/* SPECIFIC AREAS */
	/* ----------------------------------------------------- */
	
	/* ----------------------------------------------------- */
	/* MENU */
	#main .menu{
		border:white 0px solid;
		clear:both;
		float:left;
		margin:1.5em 0 0em 0;
		padding:0em 0 0em 0;
		font-size:1em;
		color:#000000;
		text-align:left;
		width:100%;
	}
		#main .menu h2{
			border:green 0px solid;
			clear:both;
			float:left;
			margin:0em 0 0 0;
			padding:0.5em 0em 0.2em 0px; 
			font-size:1.3em;
			line-height:1.1em;
			color:#000000;		
			font-weight:bold;			
			text-align:center;		
			width:100%;
		}		
/*		#main .menu ul{
			border:red 0px solid;
			clear:left;
			float:left;
			margin:0;
			padding:0;
			position:relative;
			left:50%;
			text-align:center;
		}
			#main .menu ul li{
				border:green 0px solid;
				clear:left;
				float:left;
				list-style:none;	
				background-color:transparent;
				color:#000000;
				margin:0 0 0 0px;		
				padding:0em 0 0em 0px;
				font-size:1.1em;
				font-weight:normal;
				position:relative;
				right:50%;	
			}*/
		#main .menu ul{
			border:red 0px solid;
			clear:both;
			margin:0 auto;
			padding:0;
			position:relative;
			text-align:center;
		}
			#main .menu ul li{
				border:green 0px solid;
				clear:both;
				float:none;
				margin:0 auto;		
				padding:0em 0 0em 0px;
				list-style:none;	
				background-color:transparent;
				color:#000000;
				font-size:1.1em;
				font-weight:normal;
				position:relative;
			}
				#main .menu ul li.title{
					clear:both;
					float:none;	
					margin:0 0 0 0px;		
					padding:0em 0 0em 0px;
					font-weight:bold;	
				}			
				#main .menu ul li a{
					border:red 0px solid;
					float:left;			
					margin:0em;
					padding:0em 0px 0em 1em;
					color:#000000;
					font-weight:bold;
					background:url(img/arrow.gif) no-repeat center left;
					text-align:left;
					font-size:1em;
				}		
					#main .menu ul li a.first{
						border-top:#8d8d8d 0px dotted;
					}
					#main .menu ul li a:hover{
						color:#802b98;
						text-decoration:none;
						background:url(img/arrow.gif) no-repeat center left;
					}
				#main .menu ul li.selected{
					clear:both;
					float:left;	
					margin:0 0 0 0px;		
					padding:0em 0 0em 0px;	
				}
					#main .menu ul li.selected a{
						border:#ffffff 0px solid;
						float:left;			
						margin:0em;
						padding:0em 0px 0em 1em;
						color:#802b98;
						font-weight:bold;
						background:url(img/arrow.gif) no-repeat center left;
						text-align:left;		
						font-size:1.2em;
					}
						#main .menu ul li.selected a:hover{
							color:#802b98;		
							font-weight:bold;
							background:url(img/arrow.gif) no-repeat center left;
						}
				#main .menu ul li span{
					border:#ffffff 0px solid;
					float:left;		
					margin:0em;
					padding:0px;
				}					
	/* MENU */
	/* ----------------------------------------------------- */

		
/* MAIN AREA */
/* ----------------------------------------------------------------- */



/* ***************************************************************** */
/* FOOTER */
/* ----------------------------------------------------------------- */
#footer{
	border:yellow 0px solid;
	border-top:#000000 1px solid;
	clear:both;
	float:left;
	margin:0.5em 0 0 0;
	padding:0 0 1em 0;
	width:100%;
	text-align:left;
	font-size:1em;
}
	/* ----------- CSS FOOTER MENU ----------- */
	#footer .menu-foot{
		width:100%;
		background-color:#000000;
		font-size:1.3em; 
	}
	#footer ul{
		border:red 0px solid;
		clear:both;
		float:none;
		margin:0 auto 0 auto;
		padding:0;
		font-size:1em;
		width:100%;
	}
		#footer ul li{
			border:blue 0px solid;
			display:block;
			float:none;
			text-align:center;
			padding:5px 5px 5px 5px;
			margin:0 auto 0 auto;
			color:#000000;
			font-size:1em;
			width:auto;
		}
			#footer ul li.first{
				/*padding-left:0px;*/
			}		
			#footer ul li.last{
				background-image:none;
			}
			#footer ul li a{
				color:#000000;
			}
				#footer ul li a:hover{
					color:#666666;
				}
				#footer ul li a.selected{
					color:#666666;
				}
			
		#footer ul.info{
			float:right;
		}
	/* ----------- CSS FOOTER MENU ----------- */

	/* ----------- CONTACT DETAILS MENU ----------- */
	#footer .details{
		border:green 0px solid;
		border-top:#000000 1px solid;
		clear:both;
		float:left;
		margin:0em 0 0px 0;
		padding:0px 0% 0px 0%;
		font-size:1em;
		width:100%;
		background:none;
		text-align:left;
		overflow:hidden;
	}
		#footer .details ul{
			border:green 0px solid;
			clear:both;
			float:left;
			margin:0em auto 0 auto;
			padding:0.5em 0% 0em 0%;
			font-size:1em;
			text-align:left;
			width:100%;
			background:none;
		}
			#footer .details ul li{
				border:red 0px solid;
				clear:both;
				float:none;
				margin:0em auto 0 auto;
				padding:0.3em 0em 0em 0%;
				color:#000000;
				font-size:1em;
				font-weight:normal;
				list-style-type:none;
				width:auto;
				background:none;
			}
				#footer .details ul li.first{
					padding-top:0;
					font-size:1em;
				}
				#footer .details ul li.last{
					padding-bottom:0em;
				}
				#footer .details ul li em{
					border:red 0px solid;
					clear:both;
					float:none;							
					margin:0;
					padding:0em 0.5em 0em 0%;
					font-size:1em;
					line-height:1em;
					color:#FF0000;
					font-style:normal;
					font-weight:bold;
				}
				#footer .details ul li.email{
				}
				#footer .details ul li a{
					border:green 0px solid;
					border-bottom:#ffd221 1px solid;
					clear:both;
					float:none;
					margin:0;
					padding:0em 0 0em 0%;							
					color:#000000;
					font-size:1em;
					text-decoration:none;
					width:auto;						
				}			
					#footer .details ul li a:hover{
						margin:0;			
						color:#666666;
						text-decoration:underline;
					}
	/* ----------- CONTACT DETAILS MENU ----------- */

/* FOOTER */
/* ----------------------------------------------------------------- */





/* ************************************************************************************************************************* */
/* VARIATION STYLES */
/* ************************************************************************************************************************* */



/* ***************************************************************** */
/* INDEX/HOME PAGE STYLES */
/* ----------------------------------------------------------------- */
#index{
}
/* INDEX/HOME PAGE STYLES */
/* ----------------------------------------------------------------- */



/* ***************************************************************** */
/* QUOTATION - REPLACEMENT SLATS STYLES */
/* ----------------------------------------------------------------- */
#quotation-slats{
	border:red 0px solid;
}
/* QUOTATION - REPLACEMENT SLATS STYLES */
/* ----------------------------------------------------------------- */



/* ***************************************************************** */
/* CONTACT STYLES */
/* ----------------------------------------------------------------- */
#contact{
}
/* CONTACT STYLES */
/* ----------------------------------------------------------------- */






/* ************************************************************************************************************************* */
/* FORM STYLES */
/* ************************************************************************************************************************* */

/* -------------------------------------------------------------------------------------------- */
/* SITE USERS: REGISTER FORM */	
#quote-slats-wrap{
	border:blue 0px solid;
	float:left;
	width:98%;
	margin:0 0 0 0px;
	padding:1em 1% 0 1%;
	font-size:1em;
}

#div-form-quote-slats{
	border:red 0px solid;
	clear:both;
	float:left;
	margin:0em 0% 0em 0%;
	padding:0em 0% 0em 0%;		
	width:100%;
	font-size:1em;
	text-align:center;
    background:none;
}
	#div-form-quote-slats p{
		border:blue 0px solid;
		clear:both;
		float:left;
		margin:0.5em 0 0 0;
		padding:0em 0 0em 0;
		font-size:1.2em;
		color:#000000;
		text-align:left;
		width:100%;
	}
	#div-form-quote-slats hr{
		border:blue 0px solid;
		clear:both;
		float:left;
		margin:1.5em 0em 1em 0em;
		padding:0em 0 0em 0;
		text-decoration:none;
		border-top:1px solid #3A3A3A;
		height:0px; 
		width:80%;
		text-align:left;
	}			
	#div-form-quote-slats .title{
		border:red 0px solid;
		clear:both;
		float:left;
		margin:0em 0 0em 0;
		padding:0px;	
		font-size:1.4em;
		font-weight:bold;
		color:#000000;
		text-decoration:none;
	}		
	#div-form-quote-slats .title-sub{
		border:red 0px solid;
		clear:both;
		float:left;
		margin:0em 0 0em 0;
		padding:0px;	
		font-size:1.4em;
		font-weight:bold;
		color:#000000;
		text-decoration:none;
		width:100%;
		text-align:left;
	}	
	#div-form-quote-slats .note{
		border:red 0px solid;
		clear:both;
		float:left;
		margin:0em 0 0em 0;
		padding:0.1em 0 0.1em 0;	
		font-size:1.1em;
		font-weight:normal;
		color:#ff0000;
		text-decoration:none;
		text-align:left;
		background:none;
		width:100%;
	}
	#div-form-quote-slats .notice{
		border:red 0px solid;
		clear:both;
		float:left;
		margin:0em 0 0em 0;
		padding:0.5em 0 0.5em 0;	
		font-size:1.1em;
		font-weight:normal;
		color:#ff0000;
		text-decoration:none;
		text-align:left;
		background:none;
		width:100%;
	}
	#div-form-quote-slats .message{
		border:red 0px solid;
		clear:both;
		float:left;
		margin:0em 0 0em 0;
		padding:0.5em 0 0.5em 0;	
		font-size:1.1em;
		font-weight:bold;
		color:#000000;
		text-decoration:none;
		text-align:left;
		background:none;
		width:100%;
	}
		#div-form-quote-slats .message.two{
			padding-bottom:0em;
			color:#db0000;
		}
	#div-form-quote-slats form{
		border:green 0px solid;
		clear:both;
		float:left;			
		margin:0px; /**removes margins around forms*/
		padding:0px;
		width:100%;
		font-size:1em;
	}
	#div-form-quote-slats fieldset{
		clear:both;
		float:left;	
		margin:0em 0px 0px 0px; /**removes margins around forms*/
		padding:0em 0em 0em 0em;
		width:100%;
		font-size:1em;
		border:none;
		border:green 0px solid;
	}
	#div-form-quote-slats .input{
		border:green 0px solid;
		clear:both;
		float:left;
		margin:0.5em 0 0 0;
		padding:0em 0 3px 0;
		width:100%;
		font-size:1em;
	}
		#div-form-quote-slats label{
			border:red 0px solid;
			clear:both;
			float:left;
			margin:0em 0 0.3em 0;
			padding:0em;
			text-align:left;
			color:#000000;
			font-size:1.2em;
			font-weight:normal;
			width:100%;
		}
		#div-form-quote-slats .input-radio{
			border:blue 0px solid;
			clear:none;
			float:left;
			margin:0em 0% 0em 0%;
			padding:0em 0% 0em 0%;		
			width:auto;
			font-size:1.2em;
			text-align:left;
		}
			#div-form-quote-slats .input-radio span{
				border:blue 0px solid;
				display:bloc0;
				float:left;
				margin:0;
				padding:0px 0px 0px 0px;
				font-size:1em;
				color:#000000;
				text-align:left;
				position:relative;
			}
		#div-form-quote-slats .text{
			clear:both;
			float:left;
			width:80%;
			margin:0em 0 0em 0;
			padding:0.3em 0 0.3em 0;
			color:#000000;
			font-family:Arial, Verdana, Helvetica, sans-serif;
			font-size:1.1em;
			font-weight:normal;
			border:1px solid #999999;
		}
		#div-form-quote-slats .text-large{
			clear:both;
			float:left;
			width:80%;
			margin:0em 0 0em 0;
			padding:0.3em 0 0.3em 0em;
			color:#000000;
			font-family:Arial, Verdana, Helvetica, sans-serif;
			font-size:3.6em;
			font-weight:normal;
			border:1px solid #999999;
		}
		
	#div-form-quote-slats .textarea{ 
		clear:both;
		float:left;		
		width:80%;
		height:50px;
		margin:0em 0 0em 0;
		padding:0em;
		color:#000000;
		font-family:Arial, Verdana, Helvetica, sans-serif;
		font-size:1.1em;
		font-weight:normal;
		border:1px solid #999999;
	}		
	#div-form-quote-slats .select{ 
		clear:both;
		float:left;			
		/*width:100%;*/
		margin:0em 0 0em 0;
		padding:0em;
		color:#000000;
		font-size:1.1em;
		font-weight:normal;			
		border:1px solid #999999;
	}
		#div-form-quote-slats .select.stack{ 
			margin:0.5em 0 0em 0;
		}	 
	#div-form-quote-slats .checkbox{
		float:left;
		margin:0.2em 0 0 0em;
		padding:0.3em 0 0.3em 0;
		width: 13px;
		height: 13px;
		border:none;
	}	
	#div-form-quote-slats .radio{ 
		border:red 0px solid;
		clear:none;
		float:left;
		margin:0.1em 0.5em 0em 1em;
		padding:0em 0 0 0em;
		font-size:1em;
		font-weight:normal;			
		width:auto;
	}
		#div-form-quote-slats .radio.first{
			margin-left:0em;
		}
	#div-form-quote-slats .button,
	#div-form-quote-slats .button-submit{ 
		border:#CBCBCB 0px solid;
		clear:both;
		float:left;
		margin:0em 0em 0em 0em;
		padding:0em;
		font-size:1.2em;
		color:#000000;
		font-weight:normal;
		text-align:center;
	}
	.button-slats-samples
	{
		clear:both;
		float:left;	
		padding:10px 10px 9px 10px;
		margin:0;
		font-family: Arial, Helvetica, sans-serif;
		font-size:17px;
		font-weight:bold;
		color:#000000;
		background-color:#9accaf;
		border-style:solid;
		border-color:#000000;
		border-width:1px;
		/*width:250px;*/
		text-align:center;
	}
	.button-slats-order
	{
		clear:both;
		float:left;	
		padding:10px 20px 9px 20px;
		margin:0;
		font-family: Arial, Helvetica, sans-serif;
		font-size:17px;
		font-weight:bold;
		color:#000000;
		background-color:#e73334;
		border-style:solid;
		border-color:#000000;
		border-width:1px;
		/*width:250px;*/
		text-align:center;
	}
	.button-slats-quotation
	{
		clear:both;
		float:left;	
		margin:0.3em 0 0 0;
		padding:10px 26px 9px 26px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:17px;
		font-weight:bold;
		color:#000000;
		background-color:#FFC200;
		border-style:solid;
		border-color:#000000;
		border-width:1px;
		/*width:250px;*/
		text-align:center;
	}

	#div-form-quote-slats .div-buttons{ 
		border:red 0px solid;
		clear:both;
		float:left;			
		margin:0em 0em 0em 0em;
		padding:0em 0 1em 0em;
		font-size:1em;
		font-weight:normal;			
		width:100%;
	}
		
	#div-form-quote-slats #breakdown{
		border:red 0px solid;
		clear:both;
		float:left;
		margin:0em 0% 0em 0%;
		padding:0.3em 0% 0.3em 0%;		
		width:100%;
		color:#cc0033;
		font-size:1.4em;
		font-weight:bold;
		text-align:left;
		background:none;
	}
	
	#div-form-quote-slats .footer{
		border:blue 0px solid;
		clear:both;
		float:left;
		margin:0.5em 0 0 0;
		padding:0em 0 0em 0;
		font-size:1.1em;
		color:#000000;
		text-align:left;
		width:100%;
	}
	#div-form-quote-slats em{
		border:blue 0px solid;
		color:#db0000;
	}	
	
	/* JAVASCRIPT ERRORS */
	#div-form-quote-slats input.error{
		clear:both;
		float:left;	
		border:1px dotted #FF0000;	
		font-size:1.1em;
		font-weight:normal;
		width:80%;
	}
	#div-form-quote-slats textarea.error{
		clear:both;
		float:left;	
		border:1px dotted #FF0000;
		font-size:1.1em;
		width:80%;
	}
	#div-form-quote-slats select.error{
		clear:both;
		float:left;	
		border:1px dotted #FF0000;
		font-size:1.1em;
		width:80%;
	}
	#div-form-quote-slats label.error{
		border:blue 0px solid;
		clear:both;
		float:left;		
		position : relative; 
		display : block; 
		margin :0.6em 0em 0.2em 0em; 
		padding:0.3em;
		font-size:1.1em;
		color:#FF0000;
		width:79%;
	}
/* SITE USERS: REGISTER FORM */	
/* -------------------------------------------------------------------------------------------- */


