﻿/*
Orange = #F26721
Lightgreen = #8BC53F 
DarkBlue = #2a5075
Buttongrey =#8C8C8C


*/


*
{
	padding: 0;
	margin: 0;
}

html 
{	
	overflow-y:scroll;
}

body
{
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	height:100%;
	background-color:#F2F2F2;
}

img
{
	border: 0;
}

h1
{
	font-size:28px;	
}

h2
{
	color: #2a5075;
	font-size:18px;
	margin:5px;	
	font-weight:normal;
} 

h3
{
	color: #2a5075;
	font-weight:normal;
} 

p
{
	margin-bottom:10px;
}

ol
{
	margin-left:25px;
	font-size:16px;
}

/*Main Page Sections*/

.brandbar
{
	float:right;
	margin-right:15px;	
	height:40px;
}

	.brandbar ul
	{
		list-style:none;
	}

	.brandbar ul li
	{
		float:left;
		cursor:pointer;
	}
	
	.move4us_button
	{
		float:left;
		height:40px;
		width:144px;
		background-image:url(images/button_move4us.jpg);
		background-repeat:no-repeat;
	}

	.epc4us_button
	{
		float:left;
		height:40px;
		width:88px;
		background-image:url(images/button_epc4us.jpg);
		background-repeat:no-repeat;
	}

	.lettings_button
	{
		float:left;
		height:40px;
		width:106px;
		background-image:url(images/button_lettings.jpg);
		background-repeat:no-repeat;
	}
	
	.convey4u_button
	{
		float:left;
		height:40px;
		width:145px;
		background-image:url(images/button_convey4u.jpg);

		background-repeat:no-repeat;
	}	
	
	.survey_button
	{
		float:left;
		height:40px;
		width:102px;
		background-image:url(images/button_survey.jpg);

		background-repeat:no-repeat;
	}

	.mortgage_button
	{
		float:left;
		height:40px;
		width:127px;
		background-image:url(images/button_mortgage.jpg);
		background-repeat:no-repeat;
	}


	
#outerouter
{
	margin: 5px auto;
	position:relative;
	width:975px;
}


#outercontainer
{
	background-color:#ffffff;
	border:1px solid #999999;
	margin-bottom:0;
}

.topleftcorner
{
	position:absolute;
	top:40px;
	left:0px;
	height:17px;
	width:17px;
	background-image:url(../../genericstyle/images/OuterContainerCorner_01.gif);
	background-position: left top;
	background-repeat:no-repeat;
}

.toprightcorner
{
	position:absolute;
	top:40px;
	right:0px;
	height:17px;
	width:17px;
	background-image:url(../../genericstyle/images/OuterContainerCorner_02.gif);
	background-position: left top;
	background-repeat:no-repeat;
}

.bottomleftcorner
{
	position:absolute;
	bottom:0px;
	left:0px;
	height:17px;
	width:17px;
	background-image:url(../../genericstyle/images/OuterContainerCorner_03.gif);
	background-position: left top;
	background-repeat:no-repeat;
}

.bottomrightcorner
{
	position:absolute;
	bottom:0px;
	right:0px;
	height:17px;
	height:17px;
	width:17px;
	background-image:url(../../genericstyle/images/OuterContainerCorner_04.gif);
	background-position: left top;
	background-repeat:no-repeat;
}

#container
{
	position:relative;
	width: 955px;
	margin: 0px auto;
}

#header
{	
	position:relative;
	height: 65px;
}

	#header #logo
	{
		position:relative;
		top:5px;
		width:500px;
		z-index:100;
	}

	#header #telephone
	{
		position:absolute;
		right:0px;
		top:10px;
		text-align:right;
		width:375px;
		z-index:100;
	}

.menubar
{
	padding-left:0px;
	height:33px;
}

	.menubar ul
	{
		list-style:none;
	}

	.menubar ul li
	{
		float:left;
		height:32px;
		border-right:1px solid #ffffff;
		cursor:pointer;
	}
	
	.menubar ul li a:hover
	{
		background-position:0 -37px !important;
		border-bottom:1px solid #8BC53F;
	}
	
	.selected
	{
		background-position:0 -37px !important;
		border-bottom:1px solid #8BC53F;
	}
	
	.notselected
	{
		border-bottom:1px solid #ffffff;
	}
	
	.home_button
	{
		float:left;
		height:32px;
		width:65px;
		background-image:url(images/button_home.jpg);
		background-repeat:no-repeat;

	}
	
	.service_button
	{
		float:left;
		height:32px;
		width:99px;
		background-image:url(images/button_ourservice.jpg);
		background-repeat:no-repeat;
	}
	
	.prices_button
	{
		float:left;
		height:32px;
		width:58px;
		background-image:url(images/button_prices.jpg);
		background-repeat:no-repeat;
	}
	
	.instructus_button
	{
		float:left;
		height:32px;
		width:98px;
		background-image:url(images/button_instructus.jpg);
		background-repeat:no-repeat;
	}
		
	.findaproperty_button
	{
		float:left;
		height:32px;
		width:115px;
		background-image:url(images/button_findaproperty.jpg);
		background-repeat:no-repeat;
	}
	
	.faq_button
	{
		float:left;
		height:32px;
		width:65px;
		background-image:url(images/button_faq.jpg);
		background-repeat:no-repeat;
	}
	
	.aboutus_button
	{
		float:left;
		height:32px;
		width:92px;
		background-image:url(images/button_aboutus.jpg);
		background-repeat:no-repeat;
	}
	
	.contact_button
	{
		float:left;
		height:32px;
		width:80px;
		background-image:url(images/button_contact.jpg);
		background-repeat:no-repeat;
	}
	
		
.pagehighlight
{
	width:100%;
	height:225px;
	background-image: url(images/graphic_mainmenu.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

.plainpagehighlight
{
	width:957px;
	height:75px;
	background-color:#8BC53F;
}

	.plainpagehighlightContainer
	{
		position:absolute;
		height:75px;
		width:100%;
		top:100px;
		left:0px;
		margin: 0px auto;
	}
	
	.plainpagehighlightContainer h1
	{
		color:#ffffff;
		font-family:Arial,Helvetica,sans-serif;
		font-size:30px;
		padding:15px;
		text-decoration:none;
	}

.pagebody
{
	clear:both;
	min-height:300px;
	padding: 0px 0px 0px 0px;
	width:957px;
}

.innerfooter
{
	font-size:11px;
	padding-top:5px;
	text-align:center;
	text-decoration:none;
	margin-bottom:10px;
	clear:both;
}

.innerfooter .image
{
	text-align:right;
	padding-right:5px;
	margin-bottom:5px;
}

.innerfooter .text div
{
	display:inline;
	color:#2a5075;
	padding-left:30px;
	padding-right:30px;
	text-align:center;
	margin-bottom:10px;

}

.innerfooter .text div span
{
	cursor:pointer;
	text-decoration:underline;
}

#outerfooter 
{
	height:25px;
	margin-top:5px;
	background-color: #F2F2F2;
	padding-top:5px;
	font-size: 11px;
	text-align:center;
	text-decoration:none;
}

	#outerfooter a, .nohlink
	{
		color: #000000;
		padding-left:15px;
		padding-right:15px;
		text-align:center;
		text-decoration:none;
	}

	#outerfooter a:hover
	{
		text-decoration:underline;
	}

/* // Buttons */

.button_container
{
	display:inline;
	width:110px;
	height:40px;
	padding:1px;
	vertical-align:middle;
}

.button
{
	width:96px;
	height:39px;
	line-height:35px;
	z-index:100;
	cursor:pointer;
	border: 0;
	color:#ffffff;
	background-color:Transparent;
	font-size:16px;
	padding-bottom:8px;
	font-weight:bold;
	background-image:url(../../genericstyle/images/button_template_100px.gif);	
	background-repeat:no-repeat;
	background-position:0 0;
}

.button:hover
{
	background-image:url(../../genericstyle/images/button_template_100px.gif);	
	background-position:0 -41px;
}

.button120wide
{
	width:120px;
	background-image:url(../../genericstyle/images/button_template_125px.gif);	
}

.button120wide:hover
{
	background-image:url(../../genericstyle/images/button_template_125px.gif);
	background-position:0 -41px;
}

.button120wide_headercolor
{
	width:120px;
	background-image:url(../../genericstyle/images/button_template_125px_headerbgcolor.gif);	
}

.button120wide_headercolor:hover
{
	background-image:url(../../genericstyle/images/button_template_125px_headerbgcolor.gif);	
	background-position:0 -41px;
}

.button200wide
{
	width:200px;
	background-image:url(../../genericstyle/images/button_template_200px.gif);	
}

.button200wide:hover
{
	background-image:url(../../genericstyle/images/button_template_200px.gif);
	background-position:0 -41px;
}




/*Standard Panels*/

.panel
{
	position:relative;
	float:left;
	display:inline;
	width:450px;
	height:133px;
	margin:7px;
	border:1px dotted #8BC53F;
	padding:5px;
}

.oneandahalfheight
{
	height:212px;
}

.doubleheight
{
	height:286px;
}

.tripleheight
{
	height:443px;
}

.quadrupleheight
{
	height:598px;
}

.quintupleheight 
{
	height:753px;
}

.sextupleheight
{
	height:908px;
}

.septupleheight
{
	height:1063px;
}

.septupleandahalfheight
{
	height:1142px;	
}

.octupleheight
{
	height:1216px;
} 

.flexiheight
{
	height:auto;
}

.heightwitharrow
{
	height:200px;
}

.floatleft
{
	float:left;
}

.floatright
{
	float:right;
}

.fullwidth
{
	width:930px;
}

.onequarterwidth
{
	width:240px;
}

.threequarterwidth
{
	width:660px;
}

.inpanel
{
	display:block;
	width:95%;
}

.arrowcontainer
{
	width:40px;
	height:660px;
	clear:right;
}

.panel .anchor
{
	text-decoration:none;
	color: #F26721;
	font-weight:bold;
}

.panel .anchor:hover
{
	text-decoration:underline;
}

.panel img
{
	float:left;
	padding-bottom:10px;
}

.panel .text
{
	margin-left:90px;
	text-align:justify;
	padding-right:10px;
}

.panel .bigtext
{
	font-size:16px;
}

.panel .widermargin
{
	margin-left:120px;	
}

.panel .noborder
{
	border:0;
}

.panel .contacttext
{
	margin-left:100px;
	text-align:justify;
	padding-right:10px;
	padding-bottom:10px;
}

.panel .contacttext .contacttitle
{
	color: #2a5075;
	font-size:18px;
	clear:none;
	display:block;
}

.panel .text p
{
	margin-bottom:10px;
	margin-top:10px;
}

/* // Standard Panels*/



/*Contact Form*/
.contactForm
{
}

.contactForm .formfield
{
	width:420px;
	clear:both;
	display:block;
	margin: 10px;
}

.contactForm label
{
	width:95px;
	float:left;
	margin: 7px 10px 0px 0px;
	font-weight:bold;
	font-size:12px;
	text-align:right;
}

.contactForm .inputfield
{
	width:308px;
	display:inline-block;
	padding:1px;
}

.contactForm .inputfield input
{
	width:300px;
	background-color:#cccccc;
	border:1px solid #8BC53F;
	font-size:14px;
	padding:3px;
		font-weight:normal;
}

.contactForm textarea
{
	width:306px;
	height:114px;
	font-size:14px;
	font-weight:normal;
	overflow:visible;
	background-color:#cccccc;
	border:1px solid #8BC53F;
}

.contactForm .ValidationError
{
	float:right;
	padding-right:5px;
}

.contactAddress
{
	float:right;
	width:300px;
	border:5px solid black;
}

/* // Contact Form*/

/* Calculator Form (prices page) */
.plainpagehighlightContainer .calculator
{
	float:right;
	color:#ffffff;
	width:400px;
}

.plainpagehighlightContainer .calculator .calculatorForm .formfield
{
	clear:both;
	display:block;
	margin:5px;
}

.plainpagehighlightContainer .calculator .calculatorForm input
{
	width:100px;
	background-color:#efefef;
	border:1px solid #8BC53F;
	font-size:14px;
	padding:3px;
}

.calculatorForm
{
	float:left;
	display:block;
}

.calculatorForm .formfield
{
	width:230px;
	clear:both;
	display:block;
	margin: 10px 0px 10px 0px;
}

.calculatorForm label
{
	width:125px;
	float:left;
	margin: 7px 10px 0px 0px;
	font-weight:bold;
	font-size:12px;
	text-align:right;
}

.calculatorForm .inputfield
{
	width:88px;
	display:inline-block;
	padding:1px;
}

.calculatorForm input
{
	width:100px;
	background-color:#cccccc;
	border:1px solid #8BC53F;
	font-size:14px;
	padding:3px;
}

/* // Calculator Form*/

/* // Generic input box styling */

.inputfield
{
	display:inline;
	width:208px;
	padding:1px;
}

.inputfield input
{
	width:200px;
	background-color:#cccccc;
	border:1px solid #8BC53F;
	font-size:14px;
	padding:3px;
}

.pointer_cursor
{
	cursor:pointer;
}

.panel .orderbutton
{
	float:right;
	margin-top:15px;
}

.savings_calculator_EPC_checkbox
{
	float:right;
	margin-top:5px;
	clear:right;
}

.savings_calculator_EPC_checkbox input
{
	vertical-align:middle;
}

.graphtext
{
	font-size:11px;
	text-align:right;
	margin-right:30px;
}





/* Homepage styling */

.getquotehyperlink
{
	position:absolute;
	bottom:10px;
	right:10px;
	padding-right:5px;
	font-size:18px;
	color: #F26721;
	margin-bottom:5px;
	text-decoration:none;
}

.getquotehyperlink:hover
{
	text-decoration:underline;
}

.getquoteimage
{
	position:absolute;
	top:20px;
	right:20px;
}

.homepagebackground
{
	background-image:url('images/homepageEPC.gif');
	background-position: right 20px;
	background-repeat:no-repeat;	
}

.homepagebenefits ul
{
	padding-left:10px;
	font-size:16px;
}

.homepagebenefits li
{
	background-image:url('../../genericstyle/images/icon_tick.gif');
	background-repeat:no-repeat;
	list-style:none;
	padding-left:42px;
	margin-bottom:5px;
}

.homepagebenefits li strong
{

}

.GetquotebuttonContainer
{
	position:absolute;
	top:256px;
	right:25px;
	width:200px;
	height:40px;
	cursor:pointer;
}

.GetquotebuttonContainerCommercial
{
	position:absolute;
	top:256px;
	right:265px;
	width:200px;
	height:40px;
	cursor:pointer;
}

.getquotebuttonchoicepanel
{
	position:absolute;
	bottom:10px;
	right:10px;
}

.getquotebutton
{
	width:200px;
	background-image:url('images/button_template_200px_advertcolor.gif');
	background-repeat:no-repeat;
	background-color:Transparent;
}
.getquotebutton:hover
{
	background-image:url('images/button_template_200px_advertcolor.gif');
	background-repeat:no-repeat;
	background-position:0 -41px;
}


.contactusbutton
{
	position:absolute;
	top:45px;
	right:2px;
}

.calculatebutton
{
	padding: 40px 10px 0px 0px;
	float:right;
}

.recalculatebutton
{
	float:right;
	padding:30px 10px 0px 10px;	
}



/*Calculator*/

.WizardCalculatorContainer
{
	float:right;
	width:460px;
}

.CalculatorOptionContainer
{
	position:relative;
	width:475px;
}

.CalculatorOptionHeader
{
	text-align:center;
	color:#333333;
	font-size:16px;
	padding:7px 10px;	
}

.CalculatorSelectOptionButton
{
	float:right;
}

.CalculatorShowAllButton
{
	float:right;
	margin-right:25px;
}


.CalculatorOptionIcon
{
	float:left;	
	width:100px;
	height:100px;
	padding-right:25px;
	background-image:url('../../genericstyle/images/icon_pound.gif');
	background-repeat:no-repeat;
}

.CalculatorPageTitle
{
	margin-top:5px;
	font-size:18px;
	color:#2A5075;
	width:100%;	
}

.CalculatorGraphContainer
{
	float:right;
	background-color:Transparent;
}

.CalculatorGraphLabel
{
	font-size:13px;
	text-align:right;
	width:350px;
}

.CalculatorAxisLabels
{
	float:left;
	top:0px;
	left:0px;
	height:275px;
	width:85px;
	font-size:14px;
	font-weight:bold;
	text-align:right;
}

.CalculatorAxisLabels .Option1
{
	padding-top:28px;
	height:40px;
}

.CalculatorAxisLabels .Option2
{
	padding-top:13px;
	height:40px;
}

.CalculatorAxisLabels .Option3
{
	padding-top:13px;
	height:40px;
}

.CalculatorAxisLabels .Option4
{
	padding-top:18px;
	height:40px;
}

.CalculatorRecalculate
{
	width:225px;
	margin-top:10px;
	margin-left:40px;
	float:right;
}

.CalculatorRecalculateButton
{
	float:right;
	margin-top:20px;
	padding-right:10px;
}

.CalculatorField
{
	display:block;
	clear:both;
	margin:2px;
	padding:4px;
	min-height:20px;
}

.CalculatorFieldLabel
{
	display:inline;
	float:left;
	font-size:11px;
	margin:0 0 0 5px;
	color:#000000;
	width:110px;
}

.CalculatorFieldInput
{
	float:left;
	height:auto;
	width:75px;
	margin-right:3px;
	padding:1px;
	border:1px solid #8BC53F;
}

.CalculatorTableContainer
{
	padding:0px 0px 0px 80px;
}

.CalculatorTable
{
	font-size:14px;
}

.CalculatorTable .left
{
	width:130px;
}

.CalculatorTable .right
{
	text-align:right;
	width:50px;
}

.CalculatorTable .hr
{
	border-bottom:1px solid black;
}

.CalculatorTable .TotalHighlight
{
	font-weight:bold;
}

/* Generic form styling */
#dvMain fieldset
{
	padding:10px;
	background-color: #F5F5F5;
}

#dvMain .Field, .FieldValidationerror 
{
	display:block;
	clear:both;
	margin:2px 0px 2px 0px;
	padding:4px;
	min-height:20px;
	font-size:14px;
}

#dvMain .Field img
{
	float:left;
	cursor:pointer;
}

#dvMain .FieldValidationerror img
{
	float:left;
}

/* Form validation styling*/

#dvMain fieldset .FieldValidationerror 
{
	/*background-color:#FFFFC0;*/
}

#dvMain fieldset div.FieldValidationerror-text 
{
	background:transparent;
	color:#FF0000;
	display:none;
	float:left;
	font-size:11px;
	font-weight:bold;
}

#dvMain em 
{
	font-family:Verdana;
	color:#FE0000;
	font-size:12px;
	vertical-align:middle;
	padding-left:2px;
	float:left;
}

#dvMain .FieldLabel 
{
	display:inline;
	float:left;
	font-size:14px;
	margin:0 0 0 5px;
	color:#000000;
	width:250px;
}

#dvMain .PriceLabel
{
	text-align:right;
}



#dvMain .FieldInput
{
	float:left;
	height:auto;
	width:180px;
	margin-right:3px;
	padding:1px;
	border:1px solid #8BC53F;
}

#dvMain .HTMLField
{
	float:left;
	height:auto;
	width:500px;
	height:25px;
	font-size:15px;
}

#dvMain .FieldInputSelect
{
	float:left;
	height:auto;
	width:184px;
	margin-right:3px;
	border:1px solid #8BC53F;	
}

#dvMain .AddressField .AddressInputSelector 
{
	margin-bottom:5px;
	width:144px;
}

#dvMain .AddressField .AddressFieldError, .AddressFieldStatusLabel, .AddressFieldManualEntry, .AddressFieldAddressList
{
	display:block;
	margin-left:255px;
	margin-right:3px;
}

#dvMain .AddressField .AddressFieldAddressList
{
	width:300px;
}

#dvMain .AddressField .AddressFieldSearchButton
{
	margin-left:10px;
	margin-bottom:5px;
	width:160px;
}

#dvMain .AddressField .AddressInput, .AddressFieldSearchTextBox
{
	margin-bottom:5px;
	width:240px;
}

#dvMain .AddressField .AddressInputReadOnly
{
	width:400px;
	border:0px;
	background-color: Transparent;
}



#dvMain .AddressField .AddressFieldStatusLabel
{
	background-image: url(images/progress.gif);
	background-repeat:no-repeat;
	padding-left:20px;
	display:block;
	height:20px;
}

/* Question Group Styling*/

#dvMain .questiongroupcontainer
{
	height:30px;
	background:#8BC53F;
	margin:10px 0 0;
}

#dvMain .questiongroupheading 
{
	color:#ffffff;
	font-weight:bold;
	font-size:16px;
	padding:5px;
}

#dvMain .questiongroupheadingleft
{
	float:left;
	height:17px;
	width:17px;
	background-image:url(../../genericstyle/images/left_corner_header.gif);
	background-position: left top;
	background-repeat:no-repeat;
}

#dvMain .questiongroupheadingright
{
	float:right;
	height:17px;
	width:17px;
	background-image:url(../../genericstyle/images/right_corner_header.gif);
	background-position: left top;
	background-repeat:no-repeat;
}

#dvMain fieldset.questiongroup {
	font-size:15px;
	border-bottom:0;
	border-left:1px solid #DED9E8;
	border-right:1px solid #DED9E8;
	border-top:1px solid #C0B7D3;
	padding-bottom:10px;
}

#dvMain .questiongroupfooter
{
	height:16px;
	background:#F5F5F5;
	border-bottom:1px solid #DED9E8;
	margin-bottom:20px;
}

#dvMain .questiongroupfooterleft
{
	float:left;
	height:17px;
	width:17px;
	background-image:url(../../genericstyle/images/left_corner_footer.gif);
	background-position: left bottom;
	background-repeat:no-repeat;
}

#dvMain .questiongroupfooterright
{
	float:right;
	height:17px;
	width:17px;
	background-image:url(../../genericstyle/images/right_corner_footer.gif);
	background-position: left top;
	background-repeat:no-repeat;
}




/* Easy Slider */
 
	#slider ul, #slider li{
		margin-top:0;
		padding:0;
		list-style:none;
		}
	#slider, #slider li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		width:450px;
		height:315px;
		overflow:hidden; 
		}
	span#prevBtn{}
	span#nextBtn{}					
 
/* // Easy Slider */


/*Custom Section*/

/*Homepage*/

.homepageContents 
{
	font-size:16px;
	font-weight:normal;
}

	.homepageBullets 
	{
		margin-top:15px;	
		margin-left:30px;
	}

	.homepageBackgroundGraphic 
	{
		width:100%;
		background-image:url('images/homepageHIP.jpg');
		background-repeat:no-repeat;
		background-position: 350px 30px;
		z-index:-100;
	}

	.homepageBannerAdvert
	{
		position:absolute;
		width:125px;
		height:300px;
		top:0px;
		right:0px;
		margin-top:5px;
		margin-right:5px;
		z-index:0;
	}

	.homepageFooterGraphic
	{
		position:absolute;
		width:100%;
		height:100%;
		bottom:0px;
		right:0px;
		margin-bottom:25px;
		margin-right:25px;
		background-image:url('images/awards.png');
		background-repeat:no-repeat;
		background-position: bottom right;
		z-index:-100;
	}
	
.EPCHomepageGraphic 
{
	float:right;
	width:226px;
	height:276px;
	background-image:url('images/homepageEPC.gif');
	background-repeat:no-repeat;
	background-position: center right;
}

.backgroundgraphic 
{
	position:absolute;
	width:100%;
	height:100%;
	bottom:50px;
	right:0px;
	z-index:-100;
	background-image: url('images/backgroundEPC_trans.gif');
	background-repeat:no-repeat;
	background-position: center right;
}



.commerciallist li
{
	margin:15px;	
	font-size:16px;
}