/**********************************************************/
/* Layout CSS                                             */
/* Copyright (c) 2006 Windsor Court Properties            */
/**********************************************************/





/*---------------------------------------------------*/
/* Global                                            */
/*---------------------------------------------------*/


#container {
	width: 700px;
	height:auto;
	margin: auto;
	padding: 0px 0px 0px 0px;

}


/*****************************************
* Header DIV's
*****************************************/	

#top_panel {
	width: 700px;
	height: auto;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#logo_panel {
	width: 700px;
	height: 53px;
	padding: 13px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color:#000099;
	float:left;
}

#logo_panel h1{
	width: 266px;
	height: 41px;
	padding: 0px;
	margin: 0px;
	float:left;
}

#logo_panel h1 span { display: none; }

#logo_panel h1 a {
	width: 266px;
	height: 41px;
	display: block;
	float:left;
}

#logo_panel h2{
	width: 434px;
	height: 41px;
	padding: 0px;
	margin: 0px;
	float:left;
}

#logo_panel h2 span { display: none; }


.logo {
	background: url(../global/logopanel/logopanel.gif) no-repeat;
}

.strapline {
	background: url(../global/logopanel/strapline.gif) no-repeat;
}

#nav_panel {
	width: 700px;
	height: auto;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 10px 0px;
	float:left;
	background:url(../global/navigation/sides.gif) repeat-y;
}

#nav_panel_top {
	width: 700px;
	height: 4px;
	background:url(../global/navigation/top.gif) no-repeat;
	float:left;
	margin: 0;
	padding: 0;
}

#nav_panel_bottom {
	width: 700px;
	height: auto;
	background:url(../global/navigation/bottom.gif) bottom no-repeat;
	float:left;
}


#nav_panel_mid {
	width: 690px;
	height: auto;
	padding: 0 0 4px 10px;
	float:left;
}


#nav_panel ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float:left;
}

#nav_panel ul li {
	float:left;
	padding: 0px 8px 0px 0px;
	margin: 0;
}



/*
/*****************************************
* Content DIV's
*****************************************/	


#bottom_panel {
	width: 725px;
	height: auto;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear:both;
	float:left;
}




/*****************************************
* Content pages Left panel
*****************************************/	

#left_panel {
	width: 186px;
	height: auto;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float:left;

}

.lefttitle_propertysearch {
	width: 186px;
	height: 32px;
	background: #fff url(../global/supportcolumn/left_supportcolumn_top1.gif) no-repeat;
	float:left;
}

.lefttitle_call {
	width: 186px;
	height: 32px;
	background: #fff url(../global/supportcolumn/left_supportcolumn_top2.gif) no-repeat;
	float:left;
}

.lefttitle_mailing {
	width: 186px;
	height: 32px;
	background: #fff url(../global/supportcolumn/left_supportcolumn_top3.gif) no-repeat;
	float:left;
}

.lefttitle_callback {
	width: 150px;
	height: 36px;
	background: #fff url(../global/supportcolumn/left_supportcolumn_callback.gif) no-repeat;
	float:left;
}

.lefttitle_mailing2 {
	width: 150px;
	height: 36px;
	background: #fff url(../global/supportcolumn/left_supportcolumn_mailing.gif) no-repeat;
	float:left;
}

/* This panel contains all the content that sits with a 10px border inside the home_page_panel */
#left_panel_content {
	width: auto;
	height: auto;
	padding: 4px 15px 15px 10px;
	margin: 0px 0px 0px 0px;
	float:left;
	background: #fff url(../global/supportcolumn/left_supportcolumn_bg.gif) no-repeat bottom left;
}

#left_panel_content p{
	margin: 0;
	padding-right: 10px;
	color: #008fB2;
}

#left_panel_content ul {

	list-style: none;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	width: 150px;
	float:left;
} 

#left_panel_content ul li {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 150px;
	height: 19px;
	float:left;
}

/*****************************************
* Menu navigation (home page)
*****************************************/	

#menu_sales a {
	width: 150px;
	height: 19px;
	padding: 0px;
	margin: 0px;
	display: block;
	position: static;
	background: url(../global/supportcolumn/button_propertysales.gif) no-repeat;
}
	
#menu_sales a:hover {
	background-position: -160px 0%;
}

#menu_lettings a {
	width: 150px;
	height: 19px;
	padding: 0px;
	margin: 0px;
	display: block;
	position: static;
	background: url(../global/supportcolumn/button_lettings.gif) no-repeat;
}
	
#menu_lettings a:hover {
	background-position: -160px 0%;
}

#menu_hglettings a {
	width: 150px;
	height: 19px;
	padding: 0px;
	margin: 0px;
	display: block;
	position: static;
	background: url(../global/supportcolumn/button_harrogatelettings.gif) no-repeat;
}
	
#menu_hglettings a:hover {
	background-position: -160px 0%;
}

#menu_form a {
	width: 150px;
	height: 19px;
	padding: 0px;
	margin: 0px;
	display: block;
	position: static;
	background: url(../global/supportcolumn/button_form.gif) no-repeat;
}
	
#menu_form a:hover {
	background-position: -160px 0%;
}

#menu_lettingsbrochure a {
	width: 150px;
	height: 19px;
	padding: 0px;
	margin: 0px;
	display: block;
	position: static;
	background: url(../global/supportcolumn/button_lettingsbrochure.gif) no-repeat;
}
	
#menu_lettingsbrochure a:hover {
	background-position: -160px 0%;
}



/*****************************************
* Content pages Middle panel
*****************************************/	

.float-box1 {
width : 170px;
float:left;
margin-right: 40px;
}

.float-box2 {
width : 150px;
float:left;
}

#middle_panel {
	width: 382px;
	height: auto;
	padding: 4px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float:left;
	color:#333;
}

#middle_panel p {
	padding: 0px 10px 0px 0px;
}

#middle_panel a {
	color: #333;
	text-decoration: underline;
}
	
#middle_panel a:hover {
	color: #000099;
	text-decoration: none;
	text-decoration: underline;
}

#middle_panel ul {
	margin: 0 0 20px 20px;
	padding: 0 20px 0 0;
	list-style: none;
}

#middle_panel ul li {
	background-image:url(../global/misc/bullet_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0  0.15em;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 10px 0px;
}

.middle_panel_box {
	width: 382px;
	height: auto;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	clear:both;
}
	
.middle_panel_img {
		padding: 0 10px 0 0;
		float: left;
}

.middle_panel_rule {
	width: 100%;
	height: 1px;
	padding: 0px 0px 0px 0px;
	margin:  10px 0px 10px 0px;
	float: left;
	background: url(../global/misc/hor-dots.gif) no-repeat;
}

#flash_panel {
	width: 235px;
	height: 200px;
	margin: 0 0 10px 0;
}



/*****************************************
* Content pages Right panel
*****************************************/	


#right_panel {
	width: 133px;
	height: auto;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float:left;
}

.right_panel_support {
	width: 133px;
	height: auto;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 15px 0px;
	float:left;
	background:url(../global/supportcolumn/supportcolumn_sidebar.gif) no-repeat;
}

#right_panel p{
	margin-top: 0;
	margin-bottom: 4px;
	color: #666;
}

#right_panel a {
	color: #666;
	text-decoration: underline;
}
	
#right_panel a:hover {
	color: #000099;
	text-decoration: none;
		text-decoration: underline;
}


/*****************************************
* Misc
*****************************************/	


#logos {
	width: auto;
	height: auto;
	padding: 0px 0px 0px 0px;
	margin: 25px 0px 0px 0px;
}

#logo_access {
	width: 390px;
	height: 31px;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 20px 0px;
}

#toplinks {
	display: none;
}

.floatleft {
	width: 100px;
	float:left;
}



/*****************************************
* Footer
*****************************************/	


#footer {
	width: 700px;
	height: auto;
	padding: 5px 0px 0px 0px;
	margin: 30px 0px 0px 0px;
	float:left;
	clear: both;
	border-top: 1px solid #CCCCCC;
}

#footer p {
	font-size: 89%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	color: #999999;

}

#footer_sub {
	width: 700px;
}

#footer_sub p {
	font-size: 86%;
	color: #666666;
}

#footer_sublogos {
	width: 700px;
	margin: 6px 0px 10px 0px;
}