/**
 * Fairways estate agents style sheet
 * For use where javascript is unavailable
 */

body
{
	background-color:	#B30909; /*#662222;*/
	color:			#000000;
	font-family:		Arial, Helvetica, sans-serif;
	text-align: 		left;
	font-size:		100%;
}
hr {
        text-align: center;
        width: 50%;
        color: #B30909;
}
img {
        border: 0;
}

#page
{
	background-color:	#B30909; /*#662222;*/
	width:			760px;
}
/* Uncomment to make all UL LI elements have the red triangle bullet instead of standard circle
ul li {
        list-style-image: url(images/bullet_triangle_red.gif);
}
*/
#menu
{
	font-size:		100%;
	font-weight: 		bold;
}

#menu ul
{
	list-style-type: 	none;
	line-height:		1.325em;
	margin:			7px 7px 7px 7px;
	padding:		0px;
}

#menu li
{
	margin:			0px;
	padding:		0px;
}

#menu a
{
	color:			#ffffff;
	text-decoration:	none;
}

#menu a:hover
{
	color:			#cccccc;
}

#menu a.highlight
{
	background-color:	#cccccc;
	color:			#000000;
	position:		relative;
}

#menu a.highlight:hover
{
	color:			#000000;
}
#menu div.highlight
{
	background-color:	#cccccc;
	position:		relative;
	margin:			0px;
	padding:		0px;
	top:			-3px;
}

#menu div.highlight_left
{
	background-image:	url(../images/highlight_left.gif);
	background-repeat:	no-repeat;
	position:		absolute;
	top:			0px;
	left:			-10px;
	width:			10px;
	height:			30px;
	margin:			0px;
	padding:		0px;
	font-size: 		0px;
}

#menu div.highlight_right
{
	background-image:	url(../images/highlight_right.gif);
	background-repeat:	no-repeat;
	position:		absolute;
	top:			0px;
	right:			-10px;
	width:			10px;
	height:			30px;
	margin:			0px;
	padding:		0px;
	font-size: 		0px;
	line-height:		0px;
}

#middle
{
	background-color:	#cccccc;
	width:			746px;
	margin:			7px 7px 7px 7px;
	padding:		0;
}

#middle_foreground
{
	background-color:	#ffffff;
	position:		relative;
	margin:			0;
	padding:		0;
	border:			thin solid #cccccc;
}

#content
{
        /* Height control to prevent issues where page content is short and quick_links.php end up exteding over page end */
        /* fixing height with height: npx; is causing problems when a page is too long! */
        /* use <br/> to force short pages to be longer :( */
        /*height:                 450px; */ /* 'min-height' not correctly implemented in IE so fix height*/
	position:		relative;
	width:			482px;
	font-size:		0.75em;
	margin:			10px 10px 0px 10px;
	padding:		0;
}
#content table
{
	font-size:		100%;
}

#content h1
{
	font-size: 		150%;
	font-weight: 		bold;
	line-height:		1.65em;
	margin:			0;
	padding:		0;
}

#content h2
{
	font-size: 		120%;

	font-weight: 		bold;
	line-height:		1.325em;
	margin:			0;
	padding:		0;
}

#content h3
{
	font-size: 		105%;
	font-style: 		italic;
	font-weight: 		bold;
	line-height:		1.1em;
	margin:			0;
	padding:		0;
}

#content_image
{
	position:		absolute;
	top:			2px;
	right:			2px;
}

#quick_links
{
	background-color:	#ffffff;
	color:			#ffffff;
	position:		absolute;
	top:			170px;
	right:			0px;
	/*width:			180px;*/
	margin:			0;
	padding:		0;
}

#quick_links ul
{
	margin: 		0;
	padding:		0;
	list-style-type: 	none;
	font-size: 		75%;
	line-height:		1em;
}

#quick_links li
{
	margin:			0;
	padding:		0;
	text-indent:		0px;
	border-bottom-width:    7px;
	border-bottom-color:    #ffffff;
	border-bottom-style:    solid;
	border-top-width: 	7px;
	border-top-color: 	#ffffff;
	border-top-style:	solid;
}

#quick_links a
{
	background-color:	#cccccc;
	color:			#000000;
	font-weight: 		bold;
	text-decoration:	none;
        font-size:              14px;
}

#quick_links a:hover
{
	color:			#ffffff;
	font-weight: 		bold;
}

#quick_links div.button
{
	background-color:	#cccccc;
	position:		relative;
	width:			180px;
	margin:			0px;

	border-bottom-width:    2px;
	border-bottom-color:    #cccccc;
	border-bottom-style:    solid;
	border-top-width: 	2px;
	border-top-color: 	#cccccc;
	border-top-style:	solid;
        padding-left:		60px;
        padding-right:		0px;
}

#quick_links div.button2
{
	background-color:	#B30909;
	position:		relative;
	width:			180px;
	margin:			0px;
	padding-left:		10px;
        padding-right:		10px;
         padding-top:		5px;
        height:                 30;
        font-weight: 		bold;
        font-size:              12px;
         padding-bottom:		5px;
}



#quick_links div.button_top
{
	background-image:	url(../images/button_top.gif);
	background-repeat:	no-repeat;
	position:		absolute;
	top:			-8px;
	left:			0px;
	width:			180px;
	height:			7px;
	margin:			0px;
	padding:		0px;
	font-size: 		0px;
	line-height:		0px;
}

#quick_links div.button_bottom
{
	background-image:	url(../images/button_bottom.gif);
	background-repeat:	no-repeat;
	position:		absolute;
	left:			0px;
	bottom:			-8px;
	width:			180px;
	height:			7px;
	margin:			0px;
	padding:		0px;
	font-size: 		0px;
	line-height:		0px;
}

#bottom
{
	background-color:	#cccccc;
	width:			746px;
	margin:			7px 7px 7px 7px;
	padding:		0;
	text-align: 		left;
}

#bottom_foreground
{
	background-image:	url(../images/fade.gif);
	background-color:	#ffffff;
	width:			742px;
	border:			thin solid #cccccc;
	margin:			0;
	padding:		0;
	color:			#B30909;	/*#662222;*/
	font-weight: 		bold;
}

#bottom_foreground ul
{
	list-style-type: 	none;
	margin:			0;
	padding:		0;
}

#contact_details
{
        color:			#000000;
	left:			14px;
}

#fsb
{
	right:			165px;
	top:			0px;
}

#fsb img
{
	border:			0;
}

#rics
{
	right:			32px;
	top:			4px;
}

#rics img
{
	border:			0;
}


#copyright_notice
{
	color:			#ffffff;
	font-size:		75%;
	text-align: 		center;
}



#home_links ul
{
	margin: 		0;
	padding:		0;
       list-style-type: 	none;
	font-size: 		75%;
	line-height:		1em;
}

#home_links li
{
	margin:			0;
	padding:		0;
	text-indent:		0px;

}

#home_links a
{
	color:			#000000;
	font-weight: 		bold;
	text-decoration:	none;
        font-size:              14px;
}

#home_links a:hover
{
	color:			#B30909;
	font-weight: 		bold;
}
#home_links div.button
{
	position:		relative;
	width:			160px;
	margin:			0px;
         height:               50px;
	border-bottom-width:    2px;
	border-top-width: 	2px;
	padding-left:		0px;
        padding-right:		0px;
}
