/* CSS Document */
/* 	east anglian energy assesors
	Last updated on October 10, 2007
	Created & Updated by SM
*/

/* 	===================================================================================================
												Body
===================================================================================================  */

BODY
{
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	background:url(../eaea-images/background-main.gif) repeat;
	font-family:"Trebuchet MS" , Arial, Helvetica, sans-serif;		
}

#main
{
	width: 776px;
	margin: 0px auto;
	padding: 0px;
}

/* 	===================================================================================================
												 Header
===================================================================================================  */
#header
{
	width:776px;
	float:left;
	padding:0px;
	margin:0px;
}

.header-top-menu
{
	width:53px;
	float:right;
	padding:20px 5px 0px 0px;
	margin:0px;
}

.logo
{
	width:731px;
	float:right;
	padding:23px 45px 14px 0px;
	margin:0px;
	text-align:right;
}

.header-flash-banner
{
	width:776px;
	height:253px;
	float:left;
	padding:0px;
	margin:0px;
}

.spacer
{
	width:1px;
	height:1px;
	float:left;
	padding:0px;
	margin:0px;
}

/* 	===================================================================================================
												Background
===================================================================================================  */
.background-logo
{
	background:url(../eaea-images/background-logo.jpg) no-repeat top;
	width:776px;
	height:106px;
	float:left;
	padding:0px;
	margin:0px;
	background-color:#FBFBFB;
}

/* 	===================================================================================================
												Contents
===================================================================================================  */

#content-area
{
	width:774px;
	float:left;
	padding:0px;
	margin:0px;
	background:url(../eaea-images/background-con-top.jpg) repeat-x top;
	border-left:#F2F2F2 solid 1px;
	border-right:#F2F2F2 solid 1px;
	background-color:#FAFAFA;
}

.content-left
{
	width:272px;
	float:left;
	padding:0px 0px 0px 19px;
	margin:0px;
	text-align:left;
}

.content-news
{
	width:272px;
	float:left;
	padding:0px;
	margin:0px;
}

.content-new
{
	width:272px;
	float:left;
	padding:0px ;
	margin:18px 0px 0px 0px;
}

.content-right
{
	width:452px;
	float:right;
	padding:0px 19px 20px 0px;
	margin:0px;
	text-align:left;
}

.content-top-border
{
	width:452px;
	height:9px;
	float:left;
	padding:0px;
	margin:0px;
	background:url(../eaea-images/content-top-border.gif) no-repeat top;
}

.content-bottom-border
{
	width:452px;
	height:10px;
	float:left;
	padding:0px;
	margin:0px;
	background:url(../eaea-images/content-bottom-border.gif) no-repeat top;
}

.index-content
{
	width:437px;
	padding:0px 0px 0px 15px;
	margin:0px;
	float:left;
	background:url(../eaea-images/background-content.gif) top repeat-y;
}


.content
{
	width:437px;
	padding:0px 0px 0px 15px;
	margin:0px;
	float:left;
	background:url(../eaea-images/background-content.gif) top repeat-y;
}

.content-heading
{
	width:407px;
	float:left;
	padding:5px 0px 10px 0px;
	margin:0px;
	/*background:url(../eaea-images/handshake-icon.gif) right no-repeat; */
	font-size:105%;
	font-weight:bold;
	color:#EA5506;
}
.content-sub-heading
{
	padding:0px 0px 5px 0px;
	margin:0px;
	font-size:110%;
	font-weight:bold;
	color:#646464;
}
.news-heading
{
	width:407px;
	float:left;
	padding:5px 0px 10px 0px;
	margin:0px;
	/*background:url(../eaea-images/newspaper.gif) right no-repeat; */
	font-size:105%;
	font-weight:bold;
	color:#EA5506;
}


.content-heading-what-are-hips
{
	width:417px;
	float:left;
	padding:7px 0px 15px 0px;
	margin:0px;
	/*background:url(../eaea-images/question.gif) right no-repeat; */
	color:#EA5506;
	font-size:105%;
	font-weight:bold;
}

.content-heading-process-involved
{
	width:407px;
	float:left;
	padding:7px 0px 15px 0px;
	margin:0px;
	background:url(../eaea-images/flower.gif) right no-repeat;
	color:#EA5506;
	font-size:105%;
	font-weight:bold;
}

.text-index
{
	width:425px;
	float:left;
	padding:0px 4px 12px 0px;
	margin:0px;
	font-size:80%;
	color:#646464;
	line-height:18px;
}

.text-home
{
	width:425px;
	float:left;
	padding:0px 4px 12px 0px;
	margin:0px;
	font-size:80%;
	color:#646464;
	line-height:18px;
}
.text
{
	width:262px;
	float:right;
	padding:0px 4px 12px 0px;
	margin:0px;
	font-size:80%;
	color:#646464;
	line-height:18px;
}
.para
{
	width:415px;
	float:right;
	padding:0px 10px 12px 0px;
	margin:0px;
	font-size:80%;
	color:#646464;
	line-height:18px;
}


.content-img-container
{
	width:425px;
	padding:2px 10px 10px 0px;
	float:left;
	margin:10px 0px 0px 0px;
}

.content-img
{
	width:150px;
	padding:3px;
	margin:0px 20px 10px 10px;
	border:#cccccc 1px solid;
	float:left;
}

.news-content
{
	width:412px;
	padding:0px;
	margin:0px;
	float:left;
}


.news-content-title
{
	width:412px;
	padding:0px;
	margin:10px 0px 4px 0px;
	float:left;
	border-bottom:#F0F0F0 1px solid;
	color:#646464;
	font-size:80%;
	font-weight:bold;
}

.news-content-title-left
{
	width:420px;
	padding:10px 0px 0px 0px;
	margin:0px;
	float:left;
	color:#646464;
	font-size:105%;
	font-weight:bold;
}
.news-content-title-right
{
	width:60px;
	padding:0px;
	margin:0px;
	float:right;
	color:#EA5506;
	font-size:75%;
	font-weight:bold;
}

.news-text
{
	width:420px;
	padding:5px 0px 0px 0px;
	margin:0px;
	color:#646464;
	font-size:80%;
	float:left;
}
.cost-text
{
	width:420px;
	padding:5px 0px 0px 0px;
	margin:0px;
	color:#646464;
	font-size:80%;
	float:left;
}
.cost-text img
{
	padding:2px;
	border:#DCDCDC 1px solid;
}

.content-inner
{
	width:420px;
	padding:5px 0px 10px 0px;
	margin:0px;
	color:#646464;
	font-size:75%;
}

.news-text h5
{
	padding:0px;
	float:left;
	margin:0px;
	color:#646464;
	font-size:125%;
	width:220px;
}

.list-heading
{
	width:410px;
	float:left;
	padding:0px;
	font-size:105%;
	margin:0px;
	text-decoration:underline;
	font-weight:bold;
	
	
}

.news-text img, .text-home img
{
	padding:2px;
	margin:4px 10px 0px 0px;
	border:#DCDCDC 1px solid;
	float:left;
}

.news-updates-text
{
	width:420px;
	padding:5px 0px 5px 0px;
	margin:0px;
	color:#646464;
	font-size:13px;
}

.news-updates-text ul
{
	width:390px;
	margin:0px;
	float:left;
	list-style-type:disc;
	
}
.news-updates-text li
{
	width:390px;
	margin:0px;
	padding:5px 0px 5px 0px;
	list-style-type:disc;
	
}

.energy-efficiency-rating
{
	width:420px;
	text-align:center;
	padding:0px;
	margin:0px;
}

.energy-efficiency-text
{
	width:420px;
	float:left;
	padding:0px;
	margin:0px;
}

.energy-efficiency-text-left
{
	width:200px;
	float:left;
	padding:0px 0px 0px 5px;
	margin:0px;
	font-size:105%;
	color:#646464;
	text-align:left;
	
}
.energy-efficiency-text-right
{
	width:200px;
	float:right;
	padding:0px 0px 0px 5px;
	margin:0px;
	font-size:105%;
	color:#646464;
	text-align:left;
	
}

.home-img
{
	width:155px;
	float:left;
	padding:0px;
	margin:0px;
}

.home-img-text
{
	width:150px;
	text-align:center;
	font-weight:bold;
	padding:0px;
	color:#646464;
	font-size:85%;
}

.cost-map
{
	width:420px;
	text-align:center;
	float:left;

}

/***************************************************************************************************
											 Form
****************************************************************************************************/
#contact-form-container
{
	width:435px;
	float:left;
	padding:10px 0px 0px 0px;
	margin:0px;
}

.contact-text
{
	width:425px;
	float:left;
	padding:2px 0px 2px 3px;
	margin:0px;
	font-size:80%;
	color:#646464;
}

.contact-content-top
{
	width:425px;
	padding:0px 0px 0px 3px;
	margin:0px 0px 20px 0px;
	float:left;
}
.contact-top-left
{
	width:185px;
	padding:0px;
	margin:0px;
	float:left;
	color:#646464;
	font-size:80%;
}

.contact-top-right
{
	width:161px;
	padding:20px 10px 0px 0px;
	margin:0px;
	float:right;
	text-align:right;	
}
.contact-top-right img
{
	padding:1px;
	border:1px solid #d6d3d7;
}
#form
{
	width:348px;
	padding:0px 0px 0px 2px;
	margin:0px;
	
	
}
.form-top
{
	font-size:75%;
	font-weight:normal;
	color: #666666;
	padding:0px;
	margin:0px;
	float:left;
	text-align:right;
	font-style:italic;
	width:424px;
	
	
}
.red_text
{
	color:#FF0000;
}

#form input
{
	font-size:80%;
	color: #646464;
	text-decoration: none;
	padding:0px;
	margin:5px 0px 10px 1px;
	border: 1px solid #D2D2D2;
	width:280px;
	font-weight:normal;
	float:left;
	height:18px;
	
}

#form label
{
	display:block;
	padding:0px;
	float:left;
	color: #646464;
	font-size:80%;
	width:300px;
	margin:0px;	
}

#form textarea
{
	font-size:100%;
	color: #646464;
	text-decoration: none;
	padding:5px 0px 10px 1px;
	margin:5px 0px 10px 1px;
	height:80px;
	border: 1px solid #D2D2D2;
	width:400px;
	font-weight:normal;
	float:left;
}

#formsubmit
{
	text-align:left;
	width:80px;
	height:36px;
	padding:0;
	margin:0;
	float: left;
	padding:10px 5px 0px 0px;
}

#formsubmit input
{
	text-align: center;
	width:55px;
	height:23px;
	padding:0;
	margin:0;
	background:url(../eaea-images/submit-button.gif) no-repeat;
	font-weight:bold;
	color:#666666;
	cursor:pointer;
	border:none;
}
	


#form a 
{
	text-decoration: underline;
	color: #FF0000;
}

#form a:hover
{
	text-decoration: none;
	color: #000000;
}


/***************************************************************************************************
											 Accessibility
****************************************************************************************************/
#accessibility-content
{
	width:425px;
	float:left;
	padding:0px;
	margin:0px;
}

#accessibility-content h1
{
	font-size:90%;
	color:#EA5506;
	font-weight:bold;
	float:left;
	padding:10px 0px 0px 0px;
	margin:0px;
	line-height:18px;
	width:425px;
}

.paragraph
{
	width:425px;
	float:left;
	padding:5px 0px 8px 0px;
	margin:0px;
	font-size:80%;
	line-height:18px;
	color:#646464;
}

.content-access
{
	padding:2px 0px 2px 0px;
}


ul.txtlink-sub
{
	margin:0;
	padding:0px 0px 0px 8px;
	width:413px;
	float:left;
	
}
ul.txtlink-sub li
{
	margin:0;
	padding: 3px 0px 2px 15px;
	background:url(../eaea-images/bullet-arrow.gif) no-repeat left 7px;
	color:#646464;
	font-size:75%;
	line-height:16px;
	list-style:none;
	width:400px;
}

/***************************************************************************************************
											 Top Menu
****************************************************************************************************/
a
{
	color:#646464;
	text-decoration:none;
}

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

.tmenus
{
	width:53px;
	height:11px;
	float:left;
	padding:0px;
	margin:0px;
}
	
.tmenus ul
{
	position: relative;
	width:53px;
	height:11px;
	background:url(../eaea-images/background-top-menu.gif) top left;
	margin: 0px;
	padding: 0px;
}

.tmenus ul li
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: absolute;
	top:0px;
}

.tmenus ul li, .tmenus a
{
	display:block;
	height:11px;
	border-bottom:0px;
}

.tmenus ul li a
{
	text-indent:-9999px;
	text-decoration:none;
	padding: 0px;
}

.tm1
{
	left:0px; top:0px; width:12px;
}
.tm2
{
	left:38px; top:0px; width:15px;
}

.tm1 a:hover 
{
	background: transparent url(../eaea-images/background-top-menu.gif) 0px -11px no-repeat; border-bottom:0px;
}
.tm2 a:hover 
{
	background: transparent url(../eaea-images/background-top-menu.gif) -38px -11px no-repeat; border-bottom:0px;
}


.tm1a 
{
	left:0; width:12px; background: transparent url(../eaea-images/background-top-menu.gif) 0 -11px no-repeat; border-bottom:0px;
}

.tm2a 
{
	left:38px; width:15px; background: transparent url(../eaea-images/background-top-menu.gif) -38px -11px no-repeat; border-bottom:0px;
}

.tm3a 
{
	left:68px; width:24px; background: transparent url(../eaea-images/background-top-menu.gif) -68px -11px no-repeat; border-bottom:0px;
}

/*--------- Main Menu--------------- */

.menus
{
	width:776px;
	height:40px;
	float:left;
	padding:0px;
	margin:0px;
}
	
.menus ul
{
	position: relative;
	width:776px;
	height:40px;
	background-image:url(../eaea-images/background-menu.gif);
	margin: 0px;
	padding: 0px;
	cursor:pointer;
}

.menus ul li
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: absolute;
	top:0px;
}

.menus ul li, .menus a
{
	display:block;
	height:40px;
	border-bottom:0px;
}

.menus ul li a
{
	text-indent:-9999px;
	text-decoration:none;
	padding: 0px;
}

.m1
{
	left:0px; top:0px; width:100px;
}
.m2
{
	left:100px; top:0px; width:105px;
}
.m3
{
	left:205px; top:0px; width:173px;
}
.m4
{
	left:378px; top:0px; width:150px;
}
.m5
{
	left:528px; top:0px; width:150px;
}
.m6
{
	left:678px; top:0px; width:98px;
}

.m1 a:hover 
{
	background: transparent url(../eaea-images/background-menu.gif) 0 -40px no-repeat; border-bottom:0px;
}
.m2 a:hover 
{
	background: transparent url(../eaea-images/background-menu.gif) -100px -40px no-repeat; border-bottom:0px;
}
.m3 a:hover 
{
	background: transparent url(../eaea-images/background-menu.gif) -205px -40px no-repeat; border-bottom:0px;
}
.m4 a:hover 
{
	background: transparent url(../eaea-images/background-menu.gif) -378px -40px no-repeat; border-bottom:0px;
}
.m5 a:hover 
{
	background: transparent url(../eaea-images/background-menu.gif) -528px -40px no-repeat; border-bottom:0px;
}
.m6 a:hover 
{
	background: transparent url(../eaea-images/background-menu.gif) -678px -40px no-repeat; border-bottom:0px;
}


.m1a 
{
	left:0; width:100px; background: transparent url(../eaea-images/background-menu.gif) 0 -40px no-repeat; border-bottom:0px;
}

.m2a 
{
	left:100px; width:105px; background: transparent url(../eaea-images/background-menu.gif) -100px -40px no-repeat; border-bottom:0px;
}

.m3a 
{
	left:205px; width:173px; background: transparent url(../eaea-images/background-menu.gif) -205px -40px no-repeat; border-bottom:0px;
}
.m4a 
{
	left:378px; width:150px; background: transparent url(../eaea-images/background-menu.gif) -378px -40px no-repeat; border-bottom:0px;
}
.m5a 
{
	left:528px; width:150px; background: transparent url(../eaea-images/background-menu.gif) -528px -40px no-repeat; border-bottom:0px;
}
.m6a 
{
	left:678px; width:98px; background: transparent url(../eaea-images/background-menu.gif) -678px -40px no-repeat; border-bottom:0px;
}

/* ---- News and Updates ---- */

.news
{
	width:272px;
	height:102px;
	float:left;
	padding:0px;
	margin:0px;
}
	
.news ul
{
	position: relative;
	width:272px;
	height:102px;
	background-image:url(../eaea-images/background-news-updates.jpg);
	margin: 0px;
	padding: 0px;
}

.news ul li
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: absolute;
	top:0px;
}

.news ul li, .news a
{
	display:block;
	height:102px;
	border-bottom:0px;
}

.news ul li a
{
	text-indent:-9999px;
	text-decoration:none;
	padding: 0px;
}

.n1
{
	left:0px; top:0px; width:272px;
}

.n1 a:hover 
{
	background: transparent url(../eaea-images/background-news-updates.jpg) 0 -102px no-repeat; border-bottom:0px;
	
}

/* ---- New ---- */

.new
{
	width:272px;
	height:102px;
	float:left;
	padding:0px;
	margin:0px;
}
	
.new ul
{
	position: relative;
	width:272px;
	height:102px;
	background-image:url(../eaea-images/img-cost.gif);
	margin: 0px;
	padding: 0px;
}

.new ul li
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: absolute;
	top:0px;
}

.new ul li, .new a
{
	display:block;
	height:102px;
	border-bottom:0px;
}

.new ul li a
{
	text-indent:-9999px;
	text-decoration:none;
	padding: 0px;
}

.ne
{
	left:0px; top:0px; width:272px;
}

.ne a:hover 
{
	background: transparent url(../eaea-images/img-cost.gif) 0 -102px no-repeat; border-bottom:0px;
}

/* ---- ABBE ---- */

.abbe
{
	width:272px;
	height:102px;
	float:left;
	padding:0px;
	margin:0px;
}
	
.abbe ul
{
	position: relative;
	width:272px;
	height:102px;
	background-image:url(../eaea-images/background-abbe.jpg);
	margin: 0px;
	padding: 0px;
}

.abbe ul li
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: absolute;
	top:0px;
}

.abbe ul li, .abbe a
{
	display:block;
	height:102px;
	border-bottom:0px;
}

.abbe ul li a
{
	text-indent:-9999px;
	text-decoration:none;
	padding: 0px;
}

.a1
{
	left:0px; top:0px; width:272px;
}

.a1 a:hover 
{
	background: transparent url(../eaea-images/background-abbe.jpg) 0 -102px no-repeat; border-bottom:0px;
}

/* ---- BRE ---- */

.bre
{
	width:272px;
	height:102px;
	float:left;
	padding:0px;
	margin:0px;
}
	
.bre ul
{
	position: relative;
	width:272px;
	height:102px;
	background-image:url(../eaea-images/background-bre.jpg);
	margin: 0px;
	padding: 0px;
}

.bre ul li
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: absolute;
	top:0px;
}

.bre ul li, .bre a
{
	display:block;
	height:102px;
	border-bottom:0px;
}

.bre ul li a
{
	text-indent:-9999px;
	text-decoration:none;
	padding: 0px;
}

.b1
{
	left:0px; top:0px; width:272px;
}

.b1 a:hover 
{
	background: transparent url(../eaea-images/background-bre.jpg) 0 -102px no-repeat; border-bottom:0px;
}


/* 	===================================================================================================
												Footer
===================================================================================================  */

#footer
{
	width: 776px;
	text-align: left;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	color:#969696;
	font-size:70%;
}

#footer a
{
	color:#969696;
	text-decoration:none;
	
}

#footer a:hover
{
	color:#EA5506;
	text-decoration:none;
}

#footersubmenus
{
	width: 720px;
	height: 20px;	
	text-align: center;
	float: left;
	padding: 10px 0px 5px 0px;
	line-height: 20px;
	font-weight: normal;
	color:#969696;
	text-decoration: none;	
}

#footersubmenus a 
{
	text-decoration: none;
	color:#969696;


}

#footersubmenus a:hover
{
	text-decoration: none;
	color:#EA5506;
}

ul.footersubmenus_links
{
	margin:0;
	padding:0;
	background-position: center;
	text-align: center;
}

ul.footersubmenus_links li	
{
	list-style-position:inside;
	list-style-type:none;
	margin:0;
	padding:0px 4px;
	display: inline;
	text-align: center;
}

.footer-bottom
{
	width:776px;
	height: 20px;	
	text-align:center;
	font-weight: normal;
	color:#969696;
	margin:0px auto;
	padding:0px 0px 20px 0px;
	float:left;
}