/* Default */

* {
margin:0;
padding:0;
}

/* Access Keys */
/*
*[accesskey]:after {
content:' [' attr(accesskey) ']';
}
*/

html {
font-size:62.5%;
overflow-y:scroll;
}

body {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 1.5em;	/* 1.5em */
line-height: 1.4em;
font-weight: normal;
color:#000080;	/* 005d37 */
background-color:#600000;	/* c02727 / 679e82 / e3e8ef - matches footer */
}

.textonly {
display:none;
}

/* Default Links */
a {
color:#900;	/* c02727 / a20c0c */
text-decoration:none;
}
a:hover {
color:#000;
text-decoration:underline;
}

#content div.alert {
border:5px solid #f00;
color:#f00;
padding:2px 10px 5px 10px;
margin:10px;
background-color:#ffc;
}
#content div.alert ul li {
margin:0 0 0 20px;
list-style-image:none;
}

p.intro {
font-size:1.1em;
line-height:1.2em;
letter-spacing:0.05em;
/*color:#006;*/
}

/* Drop Cap */
p.dc:first-letter {
color:#c02727;
font-family:"Times New Roman",Times,Serif;
font-size:60px;
line-height:40px;
font-weight:bold;
float:left;
margin:0 5px 0 0;
padding:0;
}

.note {
font-size:smaller;
color:#999;
}
p.note {
padding:0;
margin:0 !important;
}

#page {
position:relative;
text-align:center;	/* IE5/IE5.5 */
background:#fff url(/img/water_bubbles_bkgrd.gif) left top repeat-y;
}

/*****************************************************************************
 * Accessibility Links
 ****************************************************************************/

#accessibility-links {
/*float:left;
display:inline;
margin-left:5px;*/
position:absolute;
top:1px;
left:2px;
width:50%;
height:2em;
font-size:70%;
background-color:transparent;
line-height:12px;
text-align:left;
overflow:hidden;
z-index:10;
color:#300;
}
#accessibility-links ul {
list-style-type:none;
}
#accessibility-links ul li {
float:left;
border-left:1px solid #300;
padding:0 5px;
}
#accessibility-links ul li:first-child {
border-left:0;
padding-left:0;
}
#accessibility-links a {
color:#600;
text-decoration:none;
}
#accessibility-links a:hover {
color:#600;
text-decoration:underline;
}

/* All sections have the same width */
#banner, #toolbar, #marker, #content, #footer {
margin:0 auto;
width:980px;	/* 760 */
text-align:left;	/* Override #page.center */
overflow:hidden;	/* clear floats */
}
#content {
overflow:visible;
}

/* Contains both the banner and toolbar */
#header-section {
background:transparent url(/img/css_header_bkgrd2.gif) 0 0 repeat-x;
}

#banner-section {
height:238px;	/* 12em */
background:transparent url(/img/css_banner_section_bkgrd.png) 0 0 no-repeat;
}

#banner {
height:238px;	/* 12em */
position:relative;
/*background:transparent url(/img/guardian_heating_logo.gif) center 1em no-repeat;*/
}

#banner-contact {
height:238px;
background:transparent url(/img/css_banner_bkgrd_right.png) right top no-repeat;
}

#banner-title {
height:238px;
background:transparent url(/img/css_banner_bkgrd_left.png) left top no-repeat;
}

#banner #title {
/*float:left;*/
position:absolute;
left:86px;
top:42px;
}

#banner #title h1 {
/*text-indent:-9999px;*/
font-family:"Bookman Old Style",arial,sans-serif;
font-weight:bold;
font-size:2.6em;
line-height:1.7em;
/*text-shadow:#fff 0px 0px 5px;*/
text-shadow:#455d85 2px 2px 5px;
}
/*#banner #title h1 .initial {*/
.initial {
color:#c02727;
font-weight:bold;
}
#banner #title h1 a {
color:#000080;
}
#banner #title h1 a {
text-decoration:none;
}

#banner #title p {
/*text-indent:-9999px;*/
font-size:1.1em;
font-weight:bold;
}

#banner #contact-number {
position:absolute;
right:0;
top:0;
margin:46px 36px 0 0;
font-size:1.6em;
font-weight:bold;
}
#banner #contact-number em {
font-style:normal;
color:#c02727;
text-shadow:#fff 0px 0px 5px;
}

#banner address {
/*float:right;*/
position:absolute;
right:0;
bottom:0;
margin:0 36px 36px 0;
text-align:right;
font-size:0.8em;
line-height:1.2em;
font-style:normal;
}



/*****************************************************************************
	TOOLBAR...
*****************************************************************************/

#toolbar-section {
height:2.25em;	/* 43px */
font-size:0.9em;
line-height:2.2em;
font-weight:normal;
border-top:1px solid #a0a0a0;
padding-bottom:2px;
background:#005d37 url(/img/toolbar_bkgrd.gif) 0 bottom repeat-x;	/* d6d6d6 */
}

#toolbar {
height:100%;
padding-left:2px;
background:transparent url(/img/toolbar_separator.gif) left bottom no-repeat;
color:#999;
/*height:41px;
font-size:0.9em;
line-height:41px;
font-weight:normal;*/
}

#toolbar ul {
list-style-type:none;
}
#toolbar ul li {
float:left;
width:12em;	/* (IE) Default */
/*white-space:no-wrap;*/
padding:0 2px 2px 0;	/* 2px - width of right edge */
background:transparent url(/img/toolbar_separator.gif) right bottom no-repeat;
}
/* KEEP ALL SAME WIDTH
#toolbar ul li#nav-home {width:6em;}
#toolbar ul li#nav-services {width:12em;}
#toolbar ul li#nav-links {width:10em;}
#toolbar ul li#nav-download {width:8.5em;}
#toolbar ul li#nav-contact {width:7em;}
*/

#toolbar ul li a {
display:block;
text-align:center;
width:100%;
/*height:100%;*/
text-decoration:none;
color:#fff;
/*padding-bottom:4px;*/
/*background:transparent url(/img/toolbar_bkgrd.gif) 0 bottom repeat-x;*/
background-color:transparent;
background-image:none;
}
#toolbar ul li a:hover, #toolbar ul li a:active, #toolbar ul li a:focus {
background:#27a56f url(/img/toolbar_hover.gif) 0 bottom repeat-x;
text-decoration:underline;
color:#fff;
}

/* Marker below toolbar */
#marker-section {
padding-top:5px;
background-color:#fee;
font-size:0.9em;	/* Same as #toolbar-section */
height:0.6em;
}
#marker {
position:relative;
background-color:#efe;
/*width:100%;*/
height:100%;
}
#m-selected, #m-hover {
position:absolute;
left:0;
top:0;
width:8em;
height:100%;
/*padding:0 2px 2px 0;*/
}
#m-selected {
background-color:#66a;
}
#m-hover {
background-color:#ccc;
left:16em;
}


/***********************************************************************
 Selected pages/buttons...
***********************************************************************/

/* Home, Services, Links, Downloads, Contact */
#pg-index #toolbar ul li#nav-home,
#pg-contact #toolbar ul li#nav-contact {
/* holder */
}
#pg-index #toolbar ul li#nav-home a,
#pg-contact #toolbar ul li#nav-contact a {
text-decoration:none;
color:#fff;
font-weight:bold;
background:#c00 url(/img/toolbar_select.gif) 0 bottom repeat-x;
}


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

#footer-section {
clear:both;
color:#600;	/* 800000 */
font-size:0.75em;
line-height:1.2em;
/*padding:15px 0 20px 0;*/
background:transparent url(/img/css_footer_bkgrd.png) 0 top repeat-x;	/* c02727 */
}

#footer {
padding:15px 0 20px 0;
/* css_footer_tub.png */
background:transparent url(/img/footer_bubbles.png) 65% 5px no-repeat;
min-height:103px;	/* 114-20-15=79 , 138-20-15=103 */
}
#footer #company {
/*visibility:hidden;*/
display:none;
margin:10px 0;
}
#footer address {
font-style:normal;
}
#footer #privacy {
float:right;
text-align:right;
/*visibility:hidden;*/
}

#footer strong {
font-weight:normal;
color:#738AAD;	/* 738aad */
}

/* Only on homepage */ 
#pg-index #footer #company {
/*visibility:visible;*/
display:block;
}

#footer #developed-by {
margin:10px 0;
}

#footer a {
color:#600;
text-decoration:underline;
}
#footer a:hover {
color:#600;
}

#footer #payment-methods {
line-height:1.2em;
font-variant:small-caps;
}

/***********************************************************************
	Content
***********************************************************************/

#content-section {
min-height:30em;	/* 160, 24em, 28em */
padding-top:0;	/* 1em */
font-size:1em;	/* 0.95em, 0.9em */
line-height:1.2em;
background:transparent url(/img/css_content_bkgrd.gif) right bottom no-repeat;
/* overflow:hidden; */	/* Clear floats in #content - BAD FOR IE6, CLASH WITH height */
}

#content-section-inner {
/*background:transparent url(/img/water_bubbles_bkgrd.gif) left bottom repeat-y;*/
}

/* IE8 ?! */
* html #content-section {
height:28em;	/* 24em */
}

#content {
min-height:30em;	/* Same as #content-section */
position:relative;	/* Could contain abspos elements */
color:#000080;	/* 083b25 */
/*height:100%;*/
}

#pg-index #content {
/*background:transparent url(/img/bkgrd.png) right bottom no-repeat;*/
}

/* No title on first/aboutus page */
#pg-index #content h1 {
display:none;
}

/***********************************************************************
	Main Navigation
***********************************************************************/

#content #main-navigation {
position:absolute;
width:270px;
top:10px;
left:0;
}

#content #main-navigation ul li {
margin:0 0 0 18px;
/* color:#f1261e; */
list-style:none outside none;
color:#000080;
font-family:verdana,arial,helvetica,sans-serif;
font-size:1.1em;
font-weight:bold;
line-height:45px;
}
#content #main-navigation ul li.selected {
color:#900;
}

#content #main-navigation a {
color:#000080;
text-decoration:none;
white-space:nowrap;
display:block;
width:100%;
height:50px;
border:0;
}
#content #main-navigation span.bkgrd-one {
display:block;
width:100%;
height:50px;
background:transparent url(/img/css_navbtnfixed.png) 0 0 no-repeat;
}
#content #main-navigation span.bkgrd-two {
display:block;
padding:0 0 0 40px;
width:100%;
height:50px;
/*background:transparent url(/img/css_navbtncombi_left.png) 0 0 no-repeat;*/
}

#content #main-navigation a:hover, #content #main-navigation a:focus {
color:#000080;	/* 66a */
text-decoration:none;
/*background-color:#eee;*/
}
#content #main-navigation a:hover span.bkgrd-one, #content #main-navigation a:focus span.bkgrd-one {
background-position:0 -50px;
}
#content #main-navigation a:hover span.bkgrd-two, #content #main-navigation a:focus span.bkgrd-two {
/*background-position:0 -50px;*/
}

/* DEPRESS SLIGHTLY
#content #main-navigation a:active {
color:#c02727;
}
#content #main-navigation a:active span.bkgrd-one {
background-position:0 -100px;
}
#content #main-navigation a:active span.bkgrd-two {
padding:1px 0 0 41px;
}
*/

#content #main-navigation ul li.selected span.bkgrd-one {
/*background:#9cabc9 url(/img/css_navbtn_selected_right.gif) right 0 no-repeat;*/
background-position:0 -150px;
}
#content #main-navigation ul li.selected span.bkgrd-two {
/*background:transparent url(/img/css_navbtn_selected_left.gif) 0 0 no-repeat;*/
padding:2px 0 0 42px;
}



/***********************************************************************
	Page Content
***********************************************************************/

#content #page-content {
font-size:0.9em;
margin:0 50px 0 300px;
padding:10px 0 10px 0;
overflow:hidden;	/* clear floats */
}

#content #page-content h1 {
border-bottom:1px solid #000080;
padding:10px 0 10px 0;
margin:0 0 5px 0;
}

#content .indent {
margin-left:100px;
}

#content .info {
cursor:help;
border-bottom:1px dotted #99c;
}

/* Generic List */
#content ul li {
margin:0.6em 0 0.6em 3em;
/* color:#f1261e; */
/*list-style-image:url(/img/flame.png);*/
}
#content ul li ul li {
margin:0.2em 0 0.2em 3em;
font-size:0.9em;
}


#page-content a {
color:#a00;
text-decoration:none;
/*white-space:nowrap;*/
border-bottom:1px dotted #a00;
}
#page-content a:hover {
color:#900;
/*text-decoration:underline;*/
background-color:#ffe;
border-bottom:1px solid #900;
}
a.external {
padding-right:12px;
display:inline-block;	/* IE6: Seems to sort problem with bkg img not showing in some situations */
background:transparent url(/img/linkext10.gif) right center no-repeat;
}
a.popup {
padding-right:13px;
display:inline-block;
background:transparent url(/img/linkpop10.gif) right center no-repeat;
}
a.word {
padding-left:19px;
background:url(/img/icon_word.gif) left center no-repeat;
}
a.pdf {
padding-left:19px;
background:url(/img/icon_pdf.gif) left center no-repeat;
}
/* Postcode links to external map */
#content a.postcode {
color:#27446f;	/* same as content */
text-decoration:none;
}

/* lots of links */
#content .links ul li a {
color:#27446F;
text-decoration:none;
}
#content .links ul li a:hover {
color:#000;
text-decoration:underline;
}

#content p {
margin:0.8em 0 1em 0;
}

h1, h2, h3 {
font-family:arial,helvetica,sans-serif;
}

#content h2 {
font-size:1.4em;
margin:1.4em 0 0.8em 0;
line-height:1.1em;
/*letter-spacing:0.05em;*/
}

#content h3 {
font-size:1.1em;
margin:1.4em 0 2px 0;
}

/* LINKS PAGE: Don't want to effect every UL */
#content .links ul {
/*margin-left:1em;*/
padding-left:1em;
list-style:disc outside url(/img/bullet.gif);
/*background-color:#eee;*/
}
#content .links ul li {
margin:0.6em 0 0 1em;
/*background:transparent url(/img/bullet.gif) -4px 0 no-repeat;*/
/*background-color:#ddd;*/
}

#content .links ul li ul {
list-style:disc outside url(/img/bullet_sm.gif);
}
#content .links ul li ul li {
margin-top:0;
font-size:90%;
}

#content .downloads {
margin-top:20px;
overflow:hidden;
}

/* DOWNLOADS: Don't want to effect every UL */
#content .downloads ul {
/*padding-left:1em;*/
list-style:none;
}
#content .downloads ul li {
clear:both;
margin:0.6em 0 0.6em 0;
padding:1em 0 1em 0;
border-bottom:1px dotted #eee;
}
#content .downloads ul li.last {
border-bottom:0;
}

#content .downloads ul li .thumbnail {
float:left;
margin-right:15px;
width:75px;
height:120px;
}
#content .downloads ul li .thumbnail a img {
border:1px solid #ccc;
width:71px;
height:100px;
}
span.readmore {
color:#aaa;
}

#content #txt-customercare {
margin:1.2em 0 0 2em;
font-weight:bold;
font-size:1.5em;
text-align:left;
background:transparent url(/img/dedicated_to_customer_care.png) 0 0 no-repeat;
height:84px;
text-indent:-9999px;
/*font-style:italic;
color:#f1261e;*/
}

/* Horiz Line */
.hr {
width:100%;
height:5px;
margin:20px 0;
border-top:1px dotted #999;
}
.hr hr {
display:none;
}

#content .money {
/*color:#060;*/
font-weight:bold;
/*text-decoration:underline;*/
border-bottom:3px double #000080;
}

/***********************************************************************
	Content - Footnotes
***********************************************************************/

.footstone {
color:#f00;
font-weight:bold;
font-size:larger;
/*border:1px solid #f99;
vertical-align:super;*/
}
.footnote {
font-size:0.9em;
color:#66a;
}

/***********************************************************************
	Content - Tables
***********************************************************************/

#content table {
margin:0 0 0 2em;
}

#content table tr th {
width:12em;
text-align:left;
border-bottom:1px dotted #ccc;
}
#content table tr td.numeric {
/*width:4em;*/
text-align:right;
}


/***********************************************************************
	Content - Images
***********************************************************************/

/* First page photo bar */
#content .photo-bar {

}
#content .photo-bar img {
padding:2px;
border:1px solid #ddd;
background-color:#fff;
}

/* Photo embedded in article with borders */
#content .article-image {
float:right;
/*width:262px;*/
margin:0 0 20px 20px;
}

#content .article-image img {
display:block;
padding:5px;
border:1px solid #ddd;
background-color:#fff;
}
#content .article-image img.logo {
padding:0;
border:0;
}
#content .article-image img.icon {
padding:1px;
}

#content .article-image .description {
font-size:smaller;
line-height:1.1em;
}

/***********************************************************************
	Content - Definition List
***********************************************************************/

#content dl {
margin:2em 3em 0 1em;
}
#content dl dt {
font-weight:bold;
}
#content dl dd {
margin:0 0 1em 3em;
font-size:0.9em;
}

/***********************************************************************
	Content - More Info
***********************************************************************/

#content div.moreinfo {
font-size:smaller;
line-height:1.2em;
}
#content div.moreinfo a {
color:#006;
font-weight:bold;
text-decoration:none;
border:0;
padding-left:14px;
background:transparent url(/img/moreinfo_glyph.gif) 0 2px no-repeat;
}
#content div.moreinfo a.shrink {
background-position:0 -48px;
}
#content div.moreinfo a:hover {
text-decoration:underline;
}

#content div.moreinfo .detail {
/*display:none;*/	/* Hidden by default with script in hide.css */
margin-left:2em;
border-left:3px double #006;
padding-left:1em;
}

/***********************************************************************
	Content - Checklist
***********************************************************************/

#content #checklist {
line-height:1.4em;
}

#content #checklist ul {
list-style-type:none;
margin:0;
padding:0;
}
#content #checklist ul li {
margin:0.6em 0 0.6em 1.5em;
padding:0 0 0 30px;
background:transparent url(/img/checkbox.gif) 0 0 no-repeat;
min-height:24px;
}
#content #checklist ul li:hover {
/*background-color:#eee;*/
cursor:pointer;
background-position:0 -50px;
}

/***********************************************************************
	Content - Parts List
***********************************************************************/

#content .parts-list {
width:100%;
overflow:hidden;
}

#content .parts-list ul {
list-style-type:none;
margin:0;
padding:0;
}
#content .parts-list ul li {
float:left;
width:45%;
margin:0 0 0 4%;
padding:0;
font-size:0.9em;
}
#content .parts-list ul li img {
width:150px;
height:150px;
padding:0 10px 0 0;
/*border:1px solid #ddd;*/
/*vertical-align:middle;*/
float:left;
}
#content .parts-list ul li .description {
padding-top:3em;
}

#pg-parts #content p img {
vertical-align:middle;
padding:0 10px 0 0;
}

/***********************************************************************
	Content - Logos List (similar to parts-list)
***********************************************************************/

#content .logos-list {
width:100%;
overflow:hidden;
margin:3em 0 0 0;
}

#content .logos-list ul {
list-style-type:none;
margin:0;
padding:0;
}
#content .logos-list ul li {
float:left;
/*width:200px;*/
height:70px;
margin:0 5px 0 5px;
padding:0;
font-size:0.9em;
}
#content .logos-list ul li img {

}
#content .logos-list ul li .description {

}



/***********************************************************************
	External Site Links - Logos
***********************************************************************/

#content .extsite-links {
margin:30px 0 0 0;
padding:0 0 10px 0;
overflow:hidden;
}

#content .extsite-links ul {
list-style:none;
margin:0;
padding:0;
}

#content .extsite-links ul li {
float:left;
width:182px;	/* Needed by IE6 */
display:inline;
margin:0 30px 0 0;
padding:0;
}

#content .extsite-links ul li a {
display:block;
width:100%;
height:100%;
}

#content .extsite-links img {
width:182px;
height:78px;
margin:0;
}


/***********************************************************************
 Decorative Background
***********************************************************************/

#decor {
position:absolute;
right:0;
top:0;
width:360px;
height:440px;
background:#fff url(/img/glass_window.jpg) 0 0 no-repeat;
z-index:5;
}

#pg-index #decor {
background:#fff url(/img/glass_window.jpg) 0 0 no-repeat;
}
#pg-finsupport #decor {
background:#fff url(/img/blue_forest.jpg) 0 0 no-repeat;
}
#pg-assetfin #decor {
background:#fff url(/img/autumn_trees.jpg) 0 0 no-repeat;
}
#pg-turnaround #decor {
background:#fff url(/img/vegetation.jpg) 0 0 no-repeat;
}
#pg-contact #decor {
background:#fff url(/img/dolphins.jpg) 0 0 no-repeat;
}


/*
address {
margin-top:3em;
text-align:right;
}
*/


/***********************************************************************
 Images...
***********************************************************************/

a img {
border:0;
}

#icon-gfx {
position:absolute;
left:0;
top:5px;
width:100px;
height:300px;
}
#icon-gfx img {
display:block;
width:60px;
height:60px;
background-color:#fff;
padding:5px;
margin-bottom:20px;
border:1px solid #C0C0C0;
}

#location-map img {
padding:5px;
border:1px solid #ccc;
}

/***********************************************************************
 Maps...
***********************************************************************/

#content .google-map {
padding:0;
}
#content .google-map a {
color:#600;
border:0;
text-decoration:underline;
}
#content .google-map a:hover {
border:0;
background-color:transparent;
}
#content .google-map iframe {
border:1px solid #000;
}

/* Link to map page with icon - Based on article-image */
#content .map-link {
float:right;
width:40%;
margin:10px 0 20px 20px;
}
#content .map-link .icon {
float:left;
margin:0 5px 0 0;
}
#content .map-link .icon a {
border:0;
}
#content .map-link .icon a:hover {
background-color:transparent;
}
#content .map-link .icon a img {
padding:1px;
background-color:#fff;
border:1px solid #900;
}
#content .map-link .icon a:hover img {
background-color:#ff0;
border:1px solid #900;
}
#content .map-link .description {
margin-top:5px;
/*font-size:smaller;*/
/*line-height:1.1em;*/
}

#map-thm {
visibility:hidden;	/* TEMP */
padding:20px 0 10px 0;
}

#map-thm img {
width:231px;
height:212px;
}

#map-thm p {
margin:0;
font-size:80%;
}

/***********************************************************************
 Contact...
***********************************************************************/

#contact-details {
float:right;
/*width:18em;*/
border:2px solid #ddd;
background-color:#fff;
padding:10px;
margin:10px 10px 0 0;
}
#contact-details address {
padding:0.5em 0 0 0;
font-style:normal;
}
#contact-details .org {
font-weight:bold;
}
#contact-details .adr {
margin-bottom:1em;
}

#contact-form {
/*min-height:25em;
margin-left:18em;*/
}
* html #contact-form {
/*height:25em;*/
}

div.sent {
color:#666;
font-family:monospace;
padding:0 0 0 5px;
margin:0 0 10px 5px;
border-left:3px double #27446f;
/*
border:1px solid #ddd;
background-color:#eee;
padding:0 2px 2px 2px;
*/
}

.clear {
clear:both;
width:100%;
font-size:1px;
}

/* Site stats */
.stats {
position:absolute;
right:0;
bottom:0;
width:24em;
height:18px;
text-align:right;
padding:0 5px 2px 5px;
font-size:smaller;
background-color:#fff;
color:#00f;
border:1px solid #00f;
opacity:0.2;
}