/* Presentation Stylesheet */ 

	html  { 
		font-size: 				100%;
		min-height: 			100%;
		height: 				auto;
	}
	table { 
		font-size: 				100%;
	}
	
	body {
 		margin:					10px 0 15px 0;
		background:				#c6e0f5;
		color:					#00234C;
		font-family: 			verdana, arial, helvetica, sans-serif;
		font-size: 				.7em;
		text-align:				center;
		padding:				0;
	}
	
	#overall {
		text-align:				center;
		border:					0;
		padding:				0;
		width:					780px;
		margin:					auto;
		background-image:		url('/clients/flintsdirect/images/bg.gif');
		background-position:	top left;
		background-repeat:		repeat-y;
	}
	#masthead {
		width:					780px;
		height:					130px;
		background-image:		url('/clients/flintsdirect/images/headerbg.gif');
		background-position:	top left;
		background-repeat:		no-repeat;
		text-align:				left;
	}
	#masthead img.logo {
		float:					left;
		margin:					30px 0 5px 30px;
		padding:				0;
		border:					0;	
	}
	#masthead img.contact {
		float:					right;
		margin:					30px 30px 5px 0;
		padding:				0;
		border:					0;	
	}
	#printhead {
		width:					640px;
		display:				none;
		margin:					0;
		border:					0;
		padding:				0;	
	}
	#photo {
		margin: 				0 7px 0 7px;
		padding:				0;
		border:					0;
		border-top:				1px solid #888;
		border-bottom:			1px solid #888;
		background-repeat: 		no-repeat;
 		background-position: 	bottom center;
 		height:					125px;
		}
	.photo1 {	
		background-image: 		url('/clients/flintsdirect/images/flintsdirectphoto1.jpg');
	}
	
	.photo2 {	
		background-image: 		url('/clients/flintsdirect/images/flintsdirectphoto2.jpg');
	}
	
	.photo3 {	
		background-image: 		url('/clients/flintsdirect/images/flintsdirectphoto3.jpg');
	}
	
	.photo4 {	
		background-image: 		url('/clients/flintsdirect/images/flintsdirectphoto4.jpg');
	}
	
	.photo5 {	
		background-image: 		url('/clients/flintsdirect/images/flintsdirectphoto5.jpg');
	}
	
	#left_column {
		text-align:				left;
		width:					500px;
		margin:					0 0 4px 25px;
		padding:				0;
	}
	#right_column {
		text-align:				left;
		width:					210px;
		margin:					0 0 4px 15px;
		padding:				0;
	}
	
	a.quotenow:link,
	a.quotenow:active,
	a.quotenow:visited,
	a.quotenow:hover {
		display:				block;
		background:				transparent;
		background-image: 		url('/clients/flintsdirect/images/quotenowbutton.gif');
		background-position: 	0 0;
		background-repeat:		no-repeat;
		margin:					0;
		padding:				0;
		border:					0;
		width:					365px;
		height:					80px
	}
	a.quotenow:hover {
		background-position: 	0 -89px;
	}
	
	td.righttd {
		text-align:				right;	
	}
	.right {
	    margin:  				0;
	    padding: 				0;
	    width:					100%;
	    text-align:				right;
	    }
	    
	.valid {
		width:					730px;
		border-collapse:		collapse;
		padding:				0;
		margin:					0;
		border:					0;
		}
		
	td.valid {
	    margin:  				0;
	    width:					100%;
    	font-size:				.8em;
		vertical-align:			middle;
		text-align:				right;
		padding: 				15px 15px 2px 10px;
	    }	
		
	.fullwidth {
		border-collapse: 		collapse;
		width:					100%;
		padding:				0;
		margin:					0;
		border:					0;
		}
		
	.partwidth {
		border-collapse: 		collapse;
		width:					60%;
		padding:				0;
		margin:					auto;
		border:					0;
		}
	
 	span.hidden {
		display:				none;
		}
		
	.feature {
		width: 					100%; 
		background-color: 		#F4F4FF;
		background-image:		url('/clients/flintsdirect/images/featurebg.gif');
		background-repeat:		no-repeat;
		background-position:	top right;
		border: 				1px dotted #666; 
		padding: 				5px;
	    margin: 				5px 0 5px 0;
		}
		       
	.featurep {
		margin:					3px;
		font-size:				.8em;
		line-height:			2em;
		text-align: 			justify;
		padding:				4px 4px 4px 4px;
	    }
		
	.specialfeature {
		width: 					100%; 
		background-color: 		#FFFFCC;
		background-image:		url('/clients/flintsdirect/images/specialbg.gif');
		background-repeat:		no-repeat;
		background-position:	top right;
		border: 				1px dotted #666666; 
		padding: 				5px;
	    margin: 				10px 0 0 0;
		}
		
	
	a:link, a:visited, a:active {
	 	color: 					#000033;
	 	font-weight:			bold;
	 	text-decoration:		none;
	    }
	 
	a:hover {
		text-decoration:		none;
		color:					#888;
	    }
	    
	p {
		margin:					0;
		text-align: 			justify;
		line-height:			2.2em;
		padding:				5px 5px 15px 15px;
		color:					#00234C;
	    }
	    
	p.center {
		text-align: 			center;
		font-size:				.8em;
		}
		
	img {
		border:					0;
		}
		
	.imgleft {
		border:					1px solid #333333;
		margin-top:				.5em;
		margin-right:			1em;
		float:					left;
		}
	.imgright {
		border:					1px solid #333333;
		margin-top:				.6em;
		margin-left:			1em;
		float:					right;
		}
	.clear {
		clear:					both;
		}
	.center {
		text-align:				center;
		}
	.accesskey {
		text-decoration:		underline;
		}
	img.test_image {
		float:					right;
		margin:					10px 15px 10px 10px;
		border:					1px solid #888;	
	}
	    	    
	h1, h2, h3 {
		font-family:			arial, helvetica, verdana, sans-serif;
		font-weight:			bold;
		text-decoration:		none;
		color:					#00234C;
		margin:					0;
		padding:				0px;
	    }
	    
    h1 {
	    text-align:				center;
		font-size:				1.6em;
		line-height:			2.6em;
		margin:					8px 0 0 0;
		background-image:		url('/clients/flintsdirect/images/animated_arrow.gif');
		background-position:	0 6px;
		background-repeat:		no-repeat;
		}
		
	h2, .titles {
		text-align:				center;
		font-size:				1.5em;
		line-height:			2.1em;
		color:					#333;
		background-image:		url('/clients/flintsdirect/images/animated_arrow.gif');
		background-position:	0 0;
		background-repeat:		no-repeat;
		}
	
	h3 {
		text-align:				center;
		font-size:				1.2em;
		line-height:			2.4em;
		color:					#666;
		}
		
	h4 {
		font-family:			verdana, arial, helvetica, sans-serif;
		font-weight:			bold;
		font-size:				1.1em;
		text-decoration:		none;
		text-align:				center;
		color:					#666;
		margin:					0; 
		padding:				0 0 10px 0;
	    }
		
	li {
		line-height:			2em;
		}
		
	form {
		width:					450px;
		height:					auto;
		margin:					10px 10px 15px 18px;
		padding:				15px 10px 10px 10px;
		background-color: 		#F4F4FF;
		background-image:		url('/clients/flintsdirect/images/featurebg.gif');
		background-repeat:		no-repeat;
		background-position:	top right;
		border:					1px dotted #666;
	}
	form.login {
		float:				left;
		width:				283px;
		margin:				3px 0 3px 4px;
		padding:			0;
		border:				0;
	}
	form.contact_form {
		width:				430px;	
	}
	fieldset {
		background-color:	#F6F6F6;
		padding:			10px;	
	}
	input, select, textarea {
		border:				1px solid #c6e0f5;
		color:				#333;
		background-color:	#FEFEFE;
		width:				200px;
		font-family:		arial, helvetica, sans-serif;
		font-weight:		normal;
		text-decoration:	none;
		font-size:			1.1em;
		padding:			2px;
		margin:				0 0 2px 0
	}
	select {
		width: 				206px;
		padding:			0;
		margin:				0 0 2px 0
	}
	option {
		padding:			2px;
	}
	textarea {
		height:				60px;
	}
	input.check {
		width:				auto;	
	}
	input.radio {
		border:				0;
		margin:				0;
		padding:			0;
		width:				auto;
		height:				auto;
		background:			transparent;
	}
	blockquote {
		font-style: 		italic;
	}
	table {
		border-collapse:	collapse;
		background:			transparent;
		border:				0;
		margin:				0;
		padding:			2px
	}
	td {
		vertical-align:		top;
		text-align:			left;
		line-height:		1.6em;
		font-size:			1.1em;
		padding:			0 5px 0 5px;
	}	
	.errorinput{
		border:					1px solid #333333;
		color:					#00234C;
		background-color:		#FFCCCC;
		}
		
	hr {
		border:					1px solid #CCCCFF;
		margin:					20px 0 20px 0;
		height:					1px;
		}
	
	.quote_button {
		border:				0;
		width:				148px;
		height:				28px;
		margin:				5px 0 0 0;
		background:			transparent
	}
	.help_button {
		border:				0;
		width:				101px;
		height:				28px;
		margin:				5px 10px 0 0;
		background:			transparent
	}
	.backbutton, .button {
		border:				1px solid #ccc;
		border-right:		1px solid #666;
		border-bottom:		1px solid #666;
		width:				101px;
		height:				28px;
		margin:				5px 10px 0 0;
		color:				#fff;
		font-weight:		bold;
		background-color:	#060
	}
	.backbutton {
		background-color:	#600	
	}
	form.login {			
		width:				283px;
	}	
	table.home_login {
		border-collapse:	collapse;
		border:				0;
		padding:			0;
		margin:				5px;
	}
	table.home_login th {
		color:				#003;
		font-size:			1.2em;
		font-weight:		bold;
		text-align:			left;
		height:				29px;
		margin:				0;
		padding:			0 0 0 10px;
		border:				0;
		background-color:	#c6e0f5;
	}
	table.home_login td {
		color:				#555;
		text-align:			left;
		font-size:			0.9em;
		padding:			4px;
		margin:				0;
	}
	input.home_input {
		width:				130px;
	}
	input.home_login { 
		display: 			block;
		float:				right;
		background-color:	#ff7800;
		padding: 			4px; 
		margin: 			0 4px 0 4px; 
		width: 				auto; 
		text-align: 		center; 
		border: 			1px solid #a84f01; 
		color: 				#fff; 
		font-weight:		bold;
		border-top: 		1px solid #ffbe85; 
		border-left: 		1px solid #ffbe85; 
		font-size: 			1em; 
		} 
	input.home_login:hover { 
		cursor:				pointer;
		background-color: 	#eee; 
		color:				#ff7800; 
		text-decoration: 	none; 
	}
	a.button:link, 
	a.button:visited, 
	a.button:active, 
	input.button { 
		display: 			block; 
		float: 				left; 
		background-color:	#5390ca;
		padding: 			8px; 
		margin: 			10px; 
		width: 				150px; 
		text-align: 		center; 
		border: 			1px solid #666; 
		color: 				#fff; 
		font-weight:		normal;
		border-top: 		1px solid #ccc; 
		border-left: 		1px solid #ccc; 
		font-size: 1em; 
		} 
	input.button {
		width:				180px;
	}
	a.button:hover, 
	input.button:hover { 
		cursor:				pointer;
		background-color: 	#eee; 
		color:				#003366; 
		text-decoration: 	none; 
	}
	td.error {
		color:				#c00;
	}
	input.error_input,
	select.error_input,
	textarea.error_input
	 {
		background-color:	#FBD7D8;
		border:				1px solid #c00
	}
	p.footnote {
		font-size:			0.8em;
		color:				#666;
		border:				0;
	}
	p.note {
		font-size:			0.9em;
		color:				#666;
		border:				0;
	}
	p.login_links {
		padding-left:		10px;	
	}
		
 	.error {
	 	padding:				0;
	 	line-height:			1.8em;
	 	color: 					#cc0000;
 		}	
	.hide, .hidden, #printhead {
		display:				none;
	}
	.show {
		display:				block;	
	}	
 	tr.off {
	 	display:				none;
 	}
 	tr.on {
	 	display:				table-row;
 	}
 	ul.links {
		list-style: 			none;
		width:					auto;
		padding: 				0;
		margin:					0;
		border:					0;
		background:				transparent;
	}
	ul.links li {
		display:				inline;
		line-height:			1.2em;
		padding:				0;
		margin:					0;
		border:					0;	
	}
	ul.links li a:link,
	ul.links li a:visited,
	ul.links li a:active,
	ul.links li a:hover {
		display:				block;
		clear: 					both;
		width:					auto;
		height:					auto;
		padding:				5px 0 5px 6px;
		margin:					0;
		color:					#003;
		background:				transparent;
		text-decoration:		none;
		font-size:				0.9em;
		font-weight:			normal;
		border:					0;
	}
	ul.links li a:hover {
		color:					#003;
		background-color:		#c6e0f5;
		border:					0;
	}
	ul.submenu {
		list-style: 			none;
		width:					auto;
		font-size:				1em;
		line-height:			1.4em;
		padding: 				0;
		margin:					10px 0 20px 10px;
		border:					0;
	}
	ul.submenu li {
		float: 					left;
		width:					160px;
		display:				inline;
		margin:					0 3px 0 0;
	}
	ul.submenu li a:link,
	ul.submenu li a:visited,
	ul.submenu li a:active,
	ul.submenu li a:hover {
		display:				block;
		clear: 					both;
		width:					auto;
		height:					auto;
		padding:				5px;
		margin:					0;
		background-color: 		#F4F4FF;
		border:					1px dotted #666;
		color:					#555;
		text-decoration:		none;
		font-weight:			normal;
		text-align:				center;
	}
	ul.submenu li a:hover {
		color:					#444;
		background-color:		#c6e0f5;
		border:					1px solid #eee;
	}
 	
 	#menubar {
		display:				block;
		margin:					0;
		padding:				0 0 0 10px;
		background-color:		#c6e0f5;
		border-bottom:			1px solid #888;
		margin: 				0 8px 0 8px;
		height:					auto;
	}		
 	#menubar ul {
 		list-style:				none;
 		padding:				0;
 		margin:					0;
	}		
 	#menubar li {
		display:				inline;
		margin:					0;
		padding:				0;
		height:					auto;
		line-height:			1em;
	}
	#menubar li a:link,
	#menubar li a:active,
	#menubar li a:visited,
	#menubar li a:hover {
		display:				block;
		float:					left;
		padding:				5px 5px 5px 18px;
		border:					1px solid #c6e0f5;
		margin:					4px 2px 4px 3px;
		color:					#373776;
		background-color:		#c6e0f5;
		background-image:		url('/clients/flintsdirect/images/arrow.gif');
		background-repeat: 		no-repeat;
		background-position:	0 0;
		font-size:				0.9em;
	}
	#menubar li a.quote:link,
	#menubar li a.quote:active,
	#menubar li a.quote:visited {
		color:					#ff8400;
		text-decoration:		underline;
	}
	#menubar li a:hover,
	#menubar li a.quote:hover {
		color:					#fff;
		background-position:	0 1px;
	}
	#footer {
		width:					780px;
		height:					auto;
		background-image:		url('/clients/flintsdirect/images/footerbg.gif');
		background-position:	bottom left;
		background-repeat:		no-repeat;
		text-align:				center;
		margin:					0;
		padding:				0 0 12px 0;
	}
	#footer p {
		font-size:				0.8em;
		clear:					both;
		margin:					0 0 5px 0;
		padding:				0;
		text-align:				center;	
	}
	a.footer:link,
	a.footer:active,
	a.footer:visited,
	a.footer:hover {
		padding:				0 15px 0 15px;
		border:					0;
		border-right:			1px solid #003;
		margin:					2px 2px 0 2px;
	}
	a.footer:hover {
		color:					#c6e0f5;
		background:				transparent;
	}
	
	@media print {
			#photo, #menubar, .noprint, .specialfeature, #right_column {
					display:			none;
			}
			body, #overall, #masthead {
					width:				100%;
					border:				0;
					margin:				0 0 10px 0;
					padding:			0;
			}
			#left_column {
					margin:				0;
					width:				auto;
			}
			#footer {
					padding-top:		0.5in;	
			}
	}