* {
		margin: 0px;
		padding: 0px;
	}

html {
	height: 100%;
	margin-bottom: 1px;
}


body {
		width: 900px;
		margin: 0px auto;
		font-family: Helvetica, sans-serif;
		font-size: 12px;
		color: rgb(33, 33, 33);
		text-align: left;
		padding: 10px 10px 60px 10px;
		/*background: white url('images/body_top_strip.gif') 0px 80px repeat-x;*/
		background: white url('images/fade_trunc_1.gif') 0px 70px repeat-x;
	}

p {
		margin: 5px 0px 20px 0px;
	}

h4 {    		
		color: rgb(229, 23, 62);
	}

h3 {
		font-size: 14px;
		color: rgb(229, 23, 62);
		margin: 20px 0px 5px 0px;
	}

h2 {
		font-size: 16px;
		color: rgb(229, 23, 62);
	}

h1 {
		font-size: 24px;
		color: rgb(229, 23, 62);
	}

q {
		font-size: 13px;
		font-style: italic;
	}

ul {
	   margin: 5px 0px;
	}

li {
		list-style: none;
		padding: 2px 0px 3px 20px;
		text-indent: 0px;
		margin: 2px 0px 3px 0px;
		background: url('images/red_list_item.gif') 2px 0px no-repeat;
		/*border: 1px solid black;*/
		/*text-indent: 0px !important;
		text-indent: -15px;*/
	}

.heading {
		font-size: 14px;
		font-weight: bold;
	}

.mainHeading {
		font-size: 16px;
		font-weight: bold;
	}

.warm {
		color: rgb(252, 166, 0);
	}

.warmer {
		color: rgb(252, 118, 2);
	}



.warmest {
		/*color: rgb(204, 0, 102);*/
		/*color: rgb(253, 3, 8);*/

		/* from PDF */
		color: rgb(229, 23, 62);

	}

.telephone {
		font-weight: bold;		
	}

.smallPrint {
		font-size: 10px;
		text-align: center;		
	}

a {
	 	color: rgb(252, 118, 2);
		font-weight: bold;
		padding: 1px 2px;
	}

a:hover {
		
		background: rgb(229, 23, 62);
		color: white;
		text-decoration: none;
		
	}

a.imageLink:hover,
a.imageLink {
		background: transparent;
	}

.imageLink img {
		border: none;
	}

.emailLink {
		color: rgb(0, 123, 194);	
	}


.columns {
		clear: both;
		overflow: hidden;
	}

.column {
		float: left;		
	}

/*
----------------*/


div#header {
		margin-bottom: 10px;
		padding-bottom: 20px;
		padding-left: 0px;
		/*background: url('images/body_bg_top.gif') 0px bottom no-repeat;*/
	}

a#headerLink {
		padding-top: 0px;
		background: none;
		text-decoration: none;
	}

a#headerLink img {
		border: none;
	}

h3.headerWarmsurePhone {		
		margin: 0px;
		float: right;
		padding-left: 30px;
		padding-top: 10px;
		
		color: rgb(252, 118, 2);
		font-size: 12px;
		text-align: right;
	}

h3.headerWarmsurePhone span {		
		display: block;

		font-weight: bold;
		font-size: 20px;
		text-align: right;
		color: rgb(229, 23, 62);
		
	}

/* menu
----------------*/


div#menu {		
		position: absolute;
		left: auto;
		right: auto;
		top:auto;
		bottom:auto;
		font-size: 12px;
		font-weight: bold;
		padding-top: 20px;		
	}

div#menu div.mainMenuItem {
		
		height: auto;
		background: url('images/menu_block_bottom.gif') 0px bottom no-repeat;
		padding: 0px;
		margin: 0px;
	}

div#menu ul {		
		margin: 0px 0px 10px 18px;
	}

div#menu li.subMenuItem {
		margin: 0px;
		padding: 0px;
		list-style: none;
		background: none;
		width: 137px;
		
	}

div#menu li.subMenuItem p {
		margin: 0px;
		padding: 0px;
		background: url('images/menu_block_bottom.gif') 0px bottom no-repeat;
	}


div#menu div.mainMenuItem a {
		display: block;
		text-decoration: none;
		color: rgb(33, 33, 33);
		width: 110px;
		padding: 2px 2px 2px 25px;
		margin: 0px 0px 10px 0px;		
		/*border-right: 1px solid rgb(252, 166, 0);
		border-bottom: 1px solid rgb(252, 166, 0);*/
		background: white url('images/menu_item.gif') 5px 3px no-repeat;
	}

div#menu li.subMenuItem a {		
		display: block;
		text-decoration: none;
		color: rgb(33, 33, 33);		
				
		padding: 2px 2px 2px 25px;
		margin: 5px 0px 0px 0px;
		/*border-right: 1px solid rgb(252, 166, 0);
		border-bottom: 1px solid rgb(252, 166, 0);*/
		background: white url('images/menu_item.gif') 5px 3px no-repeat;
	}



/*div#menu li.subMenuItem a {		
		display: block;

		border: none;
		padding: 0px 2px;
		margin: 0px 0px 0px 30px;
		
		font-size: 11px;
		text-decoration: none;
		color: black;		
		text-indent: 0px;
	}*/

/*
div#menu li.subMenuItem p.whatsInvolved {
		margin-left: 18px;
	}
*/

div#menu li.subMenuItem a:hover,
div#menu div.mainMenuItem a:hover {		
		/*background: rgb(229, 23, 62) url('images/menu_item_selected.gif') 5px 3px no-repeat;*/
		background: url('images/menu_block_top_selected.gif') 0px 0px no-repeat;
		color: white;
		/*border-right: 1px solid rgb(229, 23, 62);
		border-bottom: 1px solid rgb(229, 23, 62);*/ 
	}

div#menu div.mainMenuItem a:hover {
		
	}

div#menu div.subMenu li.currentPage a,
div#menu  div.currentPage a {
		color: rgb(229, 23, 62);		
	}

div#menu li.currentPage a,
div#menu  div.currentPage a {
		background-image: url('images/menu_item_current.gif');
	}

div#menu div.subMenu li.currentPage a:hover,
div#menu div.currentPage a:hover {
		color: white;
	}




/* content
---------------*/


div.content {		
		/*padding: 15px 225px 30px 185px;				*/

		padding: 15px 185px 30px 185px;
		height: auto !important;
		min-height: 370px;
		height: 370px;
				
	}

div.contentTitle {
		font-size: 18px;
		color: rgb(229, 23, 62);
		font-weight: bold;
	}

.boxAlt,
.box {
		background: url('images/content_block_bottom.gif') 0px bottom no-repeat;
		color: white;
		padding: 0px 0px 10px 0px;
		margin: 0px -15px 10px -15px;
	}

.boxAlt {
		background: url('images/alt_box_bottom.gif') 0px bottom no-repeat;
	}

.box *{
		color: white;
		font-weight: bold;
	}

.boxAlt p {
		color: rgb(33, 33, 33);
	}


.box li {
		list-style: none;
		background-image: url('images/white_list_item.gif');
	}

.box a:hover {
		background: white;
		color: rgb(229, 23, 62);
	}

h3.boxHeader {
		display: none;
	}

div.boxContent {
		margin: 0px 0px 0px 0px;
		padding: 10px 25px 5px 15px;
		background: url('images/content_block_top.gif') 0px 0px no-repeat;
	}

div.boxAlt div.boxContent {
		background: url('images/alt_box_top.gif') 0px 0px no-repeat;
	}

div.boxContent h3 {
		margin: 0px;
		text-align: center;
}

div.boxContent p {
		margin: 0px;
	}


div#sidebar {
		position: absolute;
		top: auto;
		bottom: auto;
		right: auto;
		left: auto;
		width: 155px;
		height: 360px;

		margin-left: 565px;
		margin-top: 0px;


		background: rgb(229, 23, 62) url('images/sidebar.jpg') 0px bottom no-repeat;

	}


/* footer
----------------*/

div.footer {
		padding: 0px 0px 0px 0px;
		height: 25px;
	}

div.footer p {
		text-align: right;
	}

div.footer a {
		padding: 0px 10px 0px 10px;
		text-decoration: none;
	}

div.footer a:hover {
		text-decoration: underline;
		color: rgb(229, 23, 62);
		background: none;
	}

div.footer a#copyright {
		padding: 0px 0px 0px 0px;
		float: left;
	}

div.footer a#contactUs {
		padding-right: 0px;
	}


div#lastUpdated {
		position: absolute;
		left: auto;
		right: auto;
		top:auto;
		bottom:auto;		
		margin-top: 0px;
		color: rgb(99, 99, 99);
		font-size: 11px;
	}

/* welcome
---------------------*/

body#bodyWelcome {
		width: 800px;
		margin: 10px auto;
		padding: 0px;
		font-family: arial, sans-serif;
		font-size: 14px;
		background-position: 0px 175px;
	}

body#bodyWelcome img#logo {
		background: none;
		border: none;
		padding: 0px;
		display: block;
		margin: 5px 0px 45px 0px;		
	}

body#bodyWelcome a#logoLink {
		border: none;
		margin: 0px;
		padding: 0px;
		text-decoration: none;
		background: none;
	}

body#bodyWelcome div.content {
		margin: 0px 0px 0px 0px;
		padding: 0px;
	}

body#bodyWelcome div div#welcomeContent {
		padding: 10px 0px 0px 0px;
		margin: 15px 10px 20px 30px;
	}

body#bodyWelcome h1 {
		margin-top: 0px;
		margin-bottom: 20px;
	}

body#bodyWelcome .heading {
		font-size: 16px;
	}

body#bodyWelcome .telephone {
		font-size: 16px;
	}

p.linkWrapper {
		width: 137px;
		margin: 0px auto 0xp auto;
		padding: 0px;
		font-size: 14px;
		background: url('images/menu_block_bottom.gif') 0px bottom no-repeat;
	}

p.linkWrapper a {
		display: block;

		
		padding: 1px 2px 1px 17px;
		
		text-decoration: none;
		text-align: center;

		background: white url('images/menu_item.gif') 5px 3px no-repeat;
	}

p.linkWrapper a:hover {			
		color: white;
		background: url('images/menu_block_top_selected.gif') 0px 0px no-repeat;
	}

body#bodyWelcome div.contentTitle {
		display: none;
	}

body#bodyWelcome div#boxWelcome {
		margin-top: 20px;
		margin-left: 120px;
	}

body#bodyWelcome p.linkWrapper {
		margin-top: 4px;
		margin-left: 200px;
		text-align: center;
	}

body#bodyWelcome span#ieFix {
		float: left;
		padding-left: 203px;
		font-size: 0%;
	}

body#bodyWelcome div#logoStrip {
		margin: 10px 0px 0px 0px;
		padding: 0px 10px;
	}

body#bodyWelcome #idealLogo {
		float: left;
	}

body#bodyWelcome #warmfrontLogo {
		padding: 0px 145px 0px 155px;
		float: left;
	}

body#bodyWelcome #eagaLogo {
		
	}

body#bodyWelcome p.smallPrint {
		clear: both;
	}


/*
---------------------*/

div#contentIndex div.contentTitle {
		display: none;
	}


/*
----------------------*/

body#bodyserviceAndRepair div.contentColumn {
		margin-top: 10px;
	}

body#bodyserviceAndRepair div.contentColumn div.column {
		background: url('images/column_border.gif') 20px 10px no-repeat;
		width: 170px;
		height: 175px;
		padding: 10px 30px 10px 50px;		
		margin-right: 12px !important;
		margin-right: 6px;		
	}

body#bodyserviceAndRepair div.contentColumn div.column h2 {
		text-align: center;
		background: 0px 0px no-repeat;
		line-height: 65px;
		height: 50px;
		overflow: hidden;
		padding: 0px 0px 0px 55px;
		margin: -10px 0px 0px -50px;
	}

body#bodyserviceAndRepair div.contentColumn div#service h2 {		
		background-image: url('images/boiler_icon.gif');
	}

body#bodyserviceAndRepair div.contentColumn div#repair h2 {		
		background-image: url('images/spanner_icon.gif');		
	}

body#bodyserviceAndRepair div.contentColumn div.column p.linkWrapper {
		margin-right: -10px;
	}

body#bodyserviceAndRepair div.contentColumn div.column p {
		margin-bottom: 0px;
	}

body#bodyserviceAndRepair div.contentColumn div.column h3 {
		margin-top: 0px;
		height: 35px;
		font-size: 24px;
		line-height: 40px;
	}


body#bodywarmsureRepair .price {
		font-size: 24px;		
	}

body#bodywarmsureRepair div.box {
		
	}

body#bodywarmsureRepair div.box div.boxContent {
		
	}

body#bodywarmsureRepair div.box h3 {
		text-align: left;
	}

body#bodywarmsureRepair div.box h2,
body#bodywarmsureRepair div.box h3 {
		padding-left: 35px;		
		padding-bottom: 10px;
	}

body#bodywarmsureRepair div.box h2 {
		padding-top: 0px;
		padding-left: 40px;
		margin-top: -2px !important;
		margin-top: 0px;
		margin-left: -5px;
		background: url('images/white_circle.gif') 0px 0px no-repeat;
		height: 25px;
		line-height: 30px;
	}

body#bodywarmsureRepair div#instantRepair h2 {
		background-image: url('images/numbered_circle_1.gif');
	}

body#bodywarmsureRepair div#instantCover h2 {
		background-image: url('images/numbered_circle_2.gif');
	}

div.logoSection {
		float: right;
		width: 50px;		
		padding-left: 10px;		
	}




body#bodywarmsureRepair div#instantCover,
body#bodywarmsureRepair div#instantRepair {

	}


div#altServiceLogo {
		float: left;
		width: 50px;		
		padding-right: 20px;		
		padding-left: 0px;
	}

body#bodywarmsureService div.boxAlt p {
		margin: 0px 0px 5px 0px;
	}

body#bodywarmsureService div.box h3 {
		padding: 8px 200px 8px 0px;		
	}

body#bodywarmsureService div.box {
		margin-top: 40px;
	}

body#bodywarmsureService div.box h3.price {
		float: right;
		padding: 0px 20px 0px 0px;
		margin: 0px;
		font-size: 36px;
		line-height: 50px;
		height: 60px;
		width: 70px;
	}





body#bodyReplacingYourBoiler div.box h3 {
		padding: 3px 0px 4px 0px;
	}

body#bodyReplacingYourBoiler .telephone {
		font-size: 16px;
	}


body#bodyContactUs .column {
	}

body#bodyContactUs .telephone {
		color: rgb(229, 23, 62);
		font-size: 14px;
	}

body#bodyContactUs textarea,
body#bodyContactUs input {
		display: block;
	}

body#bodyContactUs label {
		display: block;
	}

body#bodyContactUs textarea#enquiry {
		width: 530px;
		height: 150px;
	}


body#bodyContactUs div#formTelephone {
		position: absolute;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;

		margin-left: 330px;
		margin-top: -10px !important;
		margin-top: -6px;
	}

body#bodyContactUs input#telephone,
body#bodyContactUs input#best_time,
body#bodyContactUs input#email {
		width: 200px;
		margin-left: 0px !important;
		margin-left: -330px;
	}

*:first-child+html body#bodyContactUs input#telephone,
*:first-child+html body#bodyContactUs input#best_time,
*:first-child+html body#bodyContactUs input#email {
		margin-left: -330px !important;
	}

body#bodyContactUs #name,
body#bodyContactUs #address,
body#bodyContactUs #email {
		width: 300px;
	}

body#bodyContactUs #address {
		height: 80px;
	}

body#bodyContactUs label {
		margin-top: 10px;
	}

body#bodyContactUs #send {
		float: right;
		display: block;
		margin: 5px 0px 0px 0px;
	}

body#bodyContactUs form {
		margin-bottom: 30px;
	}

.inputText {
		height: 16px;
	}