/*
	Boiler Breakdowns Optimised CSS
	(c) 2010 Boiler Breakdowns.
*/

/*html { height: 100%; }*/

body{
	background:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px auto -10px; font-size:12px;
	text-align:center;
}

h1 { color:#4f4f4f; font-size:16px; margin: 5px 0px 5px 0px; font-weight:normal;}
h2 { color:#4f4f4f; font-size:15px; margin: 5px 0px 5px 0px; }
h3 { color:#4f4f4f; font-size:14px; margin: 5px 0px 5px 0px; }
h4 { color:#4f4f4f; font-size:14px; margin: 5px 0px 5px 0px; }
h5 { color:#4f4f4f; font-size:12px; margin: 5px 0px 5px 0px; }
p,a { font-size:12px; color:#4f4f4f;}
ul,ol { font-size:12px; color:#4f4f4f; }
hr { color: #b1afaf; background-color: #b1afaf; height: 1px; border:0px; }
.blue { color:#1d6b87; }

#maincontainer {
	width:914px;
	padding: 5px 33px 60px 33px;
	text-align:left;
	margin: 0px auto;
	background:url(images/containerbg.png) repeat-y center;
	/*overflow:hidden; */position:relative;
}

  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }


#headercont { background:url(images/header-nt.png) no-repeat; height:109px; z-index:10; margin: -10px auto 0px -33px; width:980px;}
#headercont_alt { background:url(images/header-nt-t.png) no-repeat; height:109px; z-index:10; margin: -10px auto 0px -33px; width:980px;}

#headercontalt { background:url(images/header-nt.png) no-repeat; height:109px; z-index:10; margin: -10px auto 0px -33px; width:980px;}

#headeraw { background:url(images/header-awnorm.png) no-repeat; height:109px; z-index:10; margin: -10px auto 0px -33px; width:980px;}
#headerawalt { background:url(images/header-awalt.png) no-repeat; height:109px; z-index:10; margin: -10px auto 0px -33px; width:980px;}
#headercont_alt .welcome,#headercont .welcome,#headeraw .welcome,#headerawalt .welcome { font-size:22px; position:relative; top:40px; left:91px; }
/* KeyPhrase */
#headercont .boilers,#headercont_alt .boilers {
	float:left;
	position:relative;
	top:73px;
	left:91px;
}
.headerleft {  height:126px; float:left; width:400px;}
.headerright { float:right; margin-top:10px; }

#TGSplash { margin-top:-10px; }
#IntroBox,#IntroOptions { margin-bottom:20px; width:100%;}
#IntroBox {
	position:relative;
	top:-235px; width:915px;
}

#IntroBox .left { width:600px; height:275px; float:left; }
#IntroBox .right { width:310px; height:275px; float:right; }
.breaker { clear:both; }

#IconContent {
	position:relative;
	top:190px; width:915px;
}
#IconContent .left { width:619px; float:left; }
#IconContent .right { width:282px; float:right; }

#SectionList {
	position:relative;
	top:527px; width:915px;
	z-index:100;
	background:transparent;
}
#SectionList ul { margin:0; padding:0; }
#SectionList li { display: inline; margin: 0 2px 0 0; padding: 0; }
#SectionList a { float:left; display:block; background: #e0e1e1 url(images/roundleft.gif) no-repeat left top; margin: 0 2px 0 0;padding: 0 0 1px 3px;text-decoration: none;letter-spacing: 1px; }
#SectionList a span {
	background: transparent url(images/roundright.gif) no-repeat right top; padding: 7px 9px 3px 6px; cursor: pointer;
	float: left; display: block;
}

#SectionList a span { float: none;}
#SectionList a:hover { color:#ffffff; background-color:#1d7bc9; }
#SectionList a:hover span { background-color:transparent; }
#SectionList li.selected a{ background-color: #cccccc; color:#000000; }

#TabContent { clear:both; padding:5px; border:1px solid silver; margin-top:-3px; height:150px;}


#OtherContent {
	position:relative;
	width:915px;
	top:140px;
}
.ctabox { margin-top:-10px; background:url(images/contactbg.png) no-repeat; height:269px; width:292px; padding-left:10px; padding-right:10px; padding-top:10px;}
.ctabox h1 { font-size:16px; }
.ctabox p { font-size:10px; }
#MicroForm td { padding: 5px 0px 5px 0px; }

#MoreContent a {
	text-decoration:none;
}

#Boiler_Brands { position: relative; width: 900px; height: 126px; overflow: hidden;}
#London_Boilers { white-space: nowrap; line-height: 126px; font-size: 126px;}
#London_Boilers p { padding: 0; }

#footer {
	clear:both;
	width:914px;
	padding: 5px 33px 20px 33px;
	text-align:left;
	margin: 0px auto;
	background:url(images/containerbg.png) repeat-y;
	position:relative;
}

#ImgFooter {
	margin: -10px auto 0px -33px;
	background:#ffffff; padding-bottom:40px;
}

#footer p { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:11px; color:#575757; }
#footer a { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:11px; color:#575757; text-decoration:none; }
#footer a:hover { text-decoration:underline; }
#MainFooter {
	background:url(images/main-footer-bg.png) no-repeat;
	width:980px; height:60px;
	margin:0px auto;
}