/*************************************************************

* HTML REDEFENITIONS

*************************************************************/



body {

	background-color: #680202;

	margin: 0px;

	font-family: verdana, arial, sans-serif;

	font-size: 11px;

	color: #555;

	padding: 0px;

}



sup {

	font-size: 9px;

}



h1 {

	font-size: 26px;

}



h2 {

	margin: 0px 0px 12px 0px;

	font-size: 15px;

}



h3 {

	margin: 0px 0px 12px 0px;

	font-size: 13px;

}



fieldset {

	border: 1px solid #CCC;

	padding: 5px 8px 8px 8px;

}



legend {

	font-weight: bold;

	color: #555;

	padding: 5px;

}



label {

	line-height: 100%;

}



a:link    { color: #576F9E; text-decoration: none; }

a:visited { color: #576F9E; text-decoration: none; }

a:active  { color: #576F9E; text-decoration: none; }

a:hover   { color: #43567A; text-decoration: none; }







/*************************************************************

* COMMON STYLES

*************************************************************/



.error {

	background-color: #FFF8F8;

	border: 1px solid #CF8A8A;

	padding: 8px;

	margin-bottom: 10px;

}





/*************************************************************

* PAGE STRUCTURE STYLES

*************************************************************/



#frame {

	width: 770px;

	margin: 0px auto 0px auto;

	background-image: url(/images/frame_back.gif);

	background-repeat: repeat-y;

	background-position: center top;

}



#inner_frame {

	margin: 0px 15px 0px 15px;

	width: 740px;

}



#footer {

	background-image: url(/images/footer_back.gif);

	background-repeat: no-repeat;

	background-position: center top;

	background-color: #680202;

	width: 720px;

	padding: 18px 25px 10px 25px;

	margin: 0px;

	color: #E2E1CB; 

	clear: both;

	font-size: 9px;

	text-align: left;

}



#header {

	height: 109px;

	margin: 0px;

	padding: 0px;

	width: 740px;

}



	#logo {

		border: none;

		float: left;

		width: 203px;

		height: 109px;

		display: block;

	}

	

	#flash {

		border: none;

		float: left;

		width: 537px;

		height: 80px;

		display: block;

	}

	

	#nav {

		border: none;

		margin: 0px;

		padding: 0px;

		width: 537px;

		height: 29px;

		float: left;

	}

	

		#nav img {

			display: block;

			float: left;

			border: none;

		}

		

#print_header {

	display: none;

}



#content {

	width: 684px;

	background-image: url(/images/content_back.gif);

	background-repeat: no-repeat;

	background-position: top center;

	padding: 28px;

	line-height: 20px;

}



	.title {

		margin-bottom: 25px;

		display: block;

		clear: both;

	}



#sub_nav_frame {

	margin-top: -28px;

	margin-left: -28px;

	margin-right: -28px;

	margin-bottom: 7px;

	background-image: url(/images/sub_nav_back.gif);

	background-repeat: no-repeat;

	height: 21px;

}

	#sub_nav {

		margin-left: 475px;

	}

	

	#sub_nav a {

		display: block;

		float: left;

		height: 21px;

		padding-left: 12px;

		padding-top: 1px;

		padding-right: 30px;

		font-weight: bold;

		text-decoration: none;

		color: #FFF;

		background-image: url(/images/sub_nav_arrow.gif);

		background-repeat: no-repeat;

	}

	

	#sub_nav a:hover {

		color: #EDEFF2;

	}

	

  



/*************************************************************

* FORMS

*************************************************************/



.required {

	color: #990000;

}



.not_required {

	color: #FFF;

}



.form {

	width: 100%;

}



	.form .input {

		width: 98%;

	}



	.form .text {

		width: 98%;

		height: 200px;

	}



	.form .text2 {

		width: 98%;

		height: 100px;

	}

	

	.form th {

		font-weight: normal;

		text-align: right;

		vertical-align: top;	

		width: 20%;

		padding-right: 8px;

	}

	

	.form td {

		vertical-align: top;

	}



.checkbox {

	margin: 0px;

	padding: 0px;

}







/*************************************************************

* /index.php STYLES

*************************************************************/



.home_grey {

	vertical-align: top;

	background-color: #F0F0F0;

	border: 1px solid #DDD;

	padding: 22px 18px 18px 18px;

	line-height: 16px;

	color: #498298;

}



.home_book {

	 background-image: url(/images/book_back.jpg);

	 background-repeat: no-repeat;

	 width: 196px;

	 height: 427px;

	 margin-right: -21px;

	 margin-top: -9px;

	 padding: 25px 32px 112px 15px;

	 color: #498298;

	 float: right;

	 display: inline;

}



.book {

	margin-right: -5px;

	float: right;

	width: 203px;

	height: 177px;

	background-image: url(/images/book_back.gif);

	background-repeat: no-repeat;

	padding: 22px 18px 18px 18px;

	line-height: 16px;

	color: #498298;

}



	.book .title {

		text-transform: uppercase;

		font-weight: bold;

		font-size: 15px;

		margin-bottom: 14px;

		letter-spacing: 0px;

		font-family: arial;

		color: #576F9E;

	}



.red_box_frame {

	width: 684px;

	background-image: url(/images/red_box_back.gif);

	background-repeat: repeat-y;

	margin-top: 150px;

	clear: both;

}



	.red_box_top {

		border: none;

		display: block;

		width: 684px;

		height: 21px; 

	}



.red_box {

	width: 640px;

	padding: 0px 22px 22px 22px;

	background-image: url(/images/red_box_bottom_back.gif);

	background-repeat: no-repeat;

	background-position: bottom center;

}

	

	.red_box .title {

		text-transform: uppercase;

		font-size: 17px;

		font-weight: bold;

		font-family: arial;

		margin-bottom: 18px;

		color: #680202;

		float: left;

	}

	

	.red_box .custom {

		float: right;

		width: 50%;

		text-align: right;

		vertical-align: top;

		line-height: 15px;

		font-weight: bold;

		font-family: arial;

	}

	

		.red_box .custom img {

			float: right;

			margin-left: 10px;

			margin-top: 2px;

		}

		

		.red_box .custom a:link    { font-weight: bold; color: #949494; text-transform: uppercase; }

		.red_box .custom a:visited { font-weight: bold; color: #949494; text-transform: uppercase; }

		.red_box .custom a:active  { font-weight: bold; color: #949494; text-transform: uppercase; }

		.red_box .custom a:hover   { font-weight: bold; color: #747474; text-transform: uppercase; }

	

	.red_box ul {

		margin: 0px;

		padding: 0px;

	}

	

	.red_box li {

		margin: 0px;

		padding: 0px;

		margin-left: 15px;

	}

	

	.red_box a:link    { font-weight: bold; color: #CD4800; text-decoration: none; }

	.red_box a:visited { font-weight: bold; color: #CD4800; }

	.red_box a:active  { font-weight: bold; color: #CD4800; }

	.red_box a:hover   { font-weight: bold; color: #A13900; }



	.red_box table {

		clear: both;

		width: 640px;

		margin-bottom: 20px;

	}



	

	

/*************************************************************

* /about/index.php STYLES

*************************************************************/

	



	

/*************************************************************

* /buyers/index.php STYLES

*************************************************************/





/*************************************************************

* /buyers/listing.php STYLES

*************************************************************/



h2.price {

	float: right;

}



#photo {

	float: left;

	margin-right: 15px;

	margin-bottom: 15px;

}



.listing_top {

	width: 390px;

	border-top: 1px solid #CCC;

	margin-top: 30px;

}



	.listing_top td {

		padding-top: 12px;

	}

	

		.listing_top td img {

			border: none;

		}



.listing_bottom {

	clear: both;

	width: 100%;

	float: left;

}

	

	.listing_bottom fieldset {

		margin-bottom: 20px;

		padding: 5px 8px 8px 8px;

		border-color: #DDD;

	}



	.listing_bottom legend {

		font-size: 13px;

		padding: 5px;

		color: #666;

	}

	

	.listing_bottom .thumbnails {

		float: left;

	}	

	

		.listing_bottom .thumbnails img {

			display: block;

			border: none;

			margin-bottom: 10px;

		}	

		

	.listing_bottom .info {

		width: 530px;

		float: right;

	}



		.listing_bottom .info table {

			width: 510px;

		}



		.listing_bottom .info table th {

			text-align: left;

			padding: 2px 0px 2px 0px;

			line-height: 100%;

			white-space: nowrap;

			color: #777;

			vertical-align: top;

		}



		.listing_bottom .info table td {

			text-align: right;

			padding: 2px 30px 2px 10px;

			line-height: 100%;

			color: #777;

			vertical-align: top;

		}



		.listing_bottom .info ul {

			margin: 0px 0px 0px 23px;

			padding: 0px;

		}





/*************************************************************

* /buyers/listings.php STYLES

*************************************************************/



.listings div {

	border: 1px solid #CCC;

	padding: 10px;

	clear: both;

	margin-bottom: 15px;

}



	.listings div .price {

		float: right;

		font-weight: bold;

		font-size: 15px;

		display: block;

	}



	.listings div h2 {

		font-size: 15px;

		margin-top: 0px;

	}

	

	.listings div img {

		display: block;

		float: left;

		margin-right: 10px;

		border: none; 

	}



	.listings div .clear {

		display: block;

		clear: both;

	}



.listings div.even {

	background-color: #FFF;

}



.listings div.odd {

	background-color: #F7F7F7;

}



.listings a:link    { font-weight: bold; }

.listings a:visited { font-weight: bold; }

.listings a:active  { font-weight: bold; }

.listings a:hover   { font-weight: bold; }

	



/*************************************************************

* /buyers/make_an_offer.php STYLES

*************************************************************/



.offer .form .input {

	width: 75%;

	margin: 1px;

}



.offer .form select {

	margin: 1px;

}



.offer .form .text {

	height: 60px;

	width: 75%;

	margin: 1px;

}



.offer ol {

	margin: 0px;

	padding: 0px;

}



.offer li {

	margin: 0px;

	padding: 0px;

	margin-left: 22px;

}



.tooltip {

	position: absolute;

	padding: 8px;

	background-color: #D5E0EC;

	border: 1px solid #A6BCD3;

	display: none;

	top: 0px;

	left: 0px;

	width: 250px;

	z-index: 10;

}

	.tooltip .cl {

		padding: 3px 5px 3px 5px;

		background-color: #B8CBDF;

		font-size: 9px;

		font-weight: bold;

		line-height: 100%;

		float: right;

		margin-left: 8px;

		margin-bottom: 8px;

		cursor: pointer;

	}





/*************************************************************

* /buyers/request_showing.php STYLES

*************************************************************/

	

  



/*************************************************************

* /contact/index.php STYLES

*************************************************************/

	



	

/*************************************************************

* /sellers/index.php STYLES

*************************************************************/



.sellers td {

	line-height: 15px;

	padding: 6px 4px 6px 4px;

	vertical-align: top;

}



.sellers td img {

	display: block;

}

	

	

/*************************************************************

* /sellers/comparison.php STYLES

*************************************************************/



.comparison {

	border-bottom: 1px solid #CCC;

}



	.comparison .head th {

		width: 40%;

	}



	.comparison .head td {

		font-weight: bold;

		text-align: center;	

	}



	.comparison .br {

		border-right: 1px solid #CCC;

	}



	.comparison .odd {

		background-color: #F7F7F7;

	}



	.comparison .even {

		background-color: #FFF;

	}



	.comparison .even th, .comparison .odd th {

		text-align: left;

		padding: 8px;

		border-right: 1px solid #CCC;

		font-weight: normal;

		border-left: 1px solid #CCC;

		border-top: 1px solid #CCC;

		line-height: 15px;

	}



	.comparison .even td, .comparison .odd td {

		text-align: center;

		padding: 8px;

		border-top: 1px solid #CCC;

		line-height: 15px;

	}





/*************************************************************

* /sellers/request_more_info.php STYLES

*************************************************************/







/*************************************************************

* /sellers/lawn_signs.php STYLES

*************************************************************/



img.lawn_sign {

	border: 10px solid #ccc;

	float: left;

	margin-left: 35px;

	margin-bottom: 35px;

}



img.first {

	margin-left: 0;

}
